Vue 中修改打包后静态资源路径的修改？

在 Vue 中修改打包后静态资源路径可以通过配置 Vue CLI 中的 publicPath 选项来实现。这个选项用于指定打包后静态资源的部署路径。

1. 通过 Vue CLI 配置：

   • 打开 vue.config.js 文件（如果项目中没有该文件，则需要手动创建）。
   • 添加配置：

     module.exports = {
       publicPath: process.env.NODE_ENV === 'production' ? '/your-deployment-path/' : '/'
     }
     

   • 将 '/your-deployment-path/' 替换为你希望部署静态资源的路径。

2. 通过环境变量动态配置：

   • 在打包命令中通过环境变量指定部署路径：

     # Linux 或 macOS
     BASE_URL=/your-deployment-path/ npm run build
     
     # Windows (CMD)
     set BASE_URL=/your-deployment-path/ && npm run build
     
     # Windows (PowerShell)
     ($env:BASE_URL = "/your-deployment-path/") -and (npm run build)
     

   • 在 Vue CLI 配置中使用环境变量：

     module.exports = {
       publicPath: process.env.BASE_URL
     }
     

这样配置后，打包后的静态资源路径就会根据配置的 publicPath 来指定，确保在部署到服务器或 CDN 时能够正确加载静态资源。