在Vue應用中打包static文件時，可能會遇到404錯誤問題。這是因為Vue打包時會自動將文件名進行哈希，所以文件路徑會發生變化。然而，在一些特殊情況下，如通過服務器訪問文件時，文件路徑與哈希值不匹配，就會導致404錯誤。

為了解決這個問題，我們需要在Vue應用中設置publicPath選項。

module.exports = {
baseUrl: 'your-base-url',
// ...
}

其中，your-base-url是你想設置的靜態資源路徑。如果你的應用是在根目錄下部署的，可以將該值設為'/'。如果你的應用是在非根目錄下部署的，就需要設置成相應的路徑。

接下來需要注意的是，在打包時，需要通過--publicPath命令將該選項值傳遞給Webpack。

$ vue-cli-service build --publicPath your-public-path

其中，your-public-path是你在Vue應用中設置的publicPath選項值。通過這個命令，Webpack就會將publicPath的值傳遞給打包后的靜態文件。

如果你使用的是Vue CLI 3，那么只需要配置vue.config.js文件即可。在該文件中，可以通過chainWebpack屬性進行配置。

module.exports = {
chainWebpack: config =>{
config.plugin('html')
.tap(args =>{
args[0].publicPath = 'your-public-path';
return args;
})
}
}

其中，your-public-path是你在Vue應用中設置的publicPath選項值。

除此之外，我們還可以通過設置headers來解決404問題。在Apache服務器上，可以在.htaccess文件中添加以下代碼：

Header set Access-Control-Allow-Origin "*"

這樣可以允許任何域名都可以訪問該資源。

在Nginx服務器上，可以在配置文件中添加以下代碼：

server {
# ...
location /static/ {
add_header 'Access-Control-Allow-Origin' '*';
}
# ...
}

其中，/static/是你的靜態資源路徑，'*'表示允許任何域名都可以訪問該資源。添加完成后，重啟服務器即可。

總之，如果你在Vue應用中打包static文件時遇到了404錯誤問題，可以通過設置publicPath選項或者headers來解決。如果以上方法都無法解決問題，可以通過查看控制臺中打包后的靜態資源路徑來排查問題。