Vue CLI 设置 publicPath：打包后的应用可部署在任意路径
在Vue CLI项目中，可以通过修改vue.config.js文件来设置publicPath。publicPath是Vue应用打包后的静态资源相对于宿主的路径。
下面是如何在vue.config.js中设置publicPath的例子：
// vue.config.js
module.exports = {
// 默认情况下，Vue CLI假设您的应用将被部署在域名的根目录下
// 如果应用被部署在一个子路径下，您需要在这里指定子路径
// 例如，如果您的应用被部署在 https://www.my-app.com/my-app/
// 那么将这个值改为 '/my-app/'
publicPath: process.env.NODE_ENV === 'production'
? '/production-sub-path/'
: '/'
};在上面的配置中，如果是生产环境（process.env.NODE_ENV === 'production'），publicPath被设置为/production-sub-path/，这意味着应用打包后的资源将被部署在域名的该子路径下。如果不是生产环境，通常用于开发环境，publicPath将被设置为根路径'/'。
确保在项目根目录下创建这个文件（如果还没有），然后重新打包应用。
评论已关闭