vuecli3打包部署 非根目录下 配置vue.config.js publicPath

Posted 李星儒の博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vuecli3打包部署 非根目录下 配置vue.config.js publicPath相关的知识,希望对你有一定的参考价值。

从 Vue CLI 3.3 起已弃用baseUrl,请使用publicPath。

默认情况下,Vue CLI 会假设你的应用是被部署在一个域名的根路径上,例如 https://www.my-app.com/。如果应用被部署在一个子路径上,你就需要用这个选项指定这个子路径。例如,如果你的应用被部署在 https://www.my-app.com/my-app/,则设置 publicPath 为 /my-app/。

这个值在开发环境下同样生效。如果你想把开发服务器架设在根路径,你可以使用一个条件式的值:

在vue.config.js文件中添加如下:

在vue.config.js文件中添加如下:

module.exports={
  publicPath:process.env.NODE_ENV===‘production‘?‘/production-sub-path/‘:‘/‘
}

 

详情请查阅文档

 

以上是关于vuecli3打包部署 非根目录下 配置vue.config.js publicPath的主要内容,如果未能解决你的问题,请参考以下文章

vuecli3打包部署 非根目录下 配置vue.config.js publicPath

Vue-cli打包后部署到子目录下的路径问题说明

vue-cli3打包之后的文件为何不能本地打开

vite+vue3 项目打包部署

vue项目打包配置多环境

vue-cli 2.x 多环境打包配置,根据打包命令生成不同的打包文件名