vue-cli 部署到子目录

Posted fenle

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli 部署到子目录相关的知识,希望对你有一定的参考价值。

生产环境打包到子目录

module.exports = {
    // baseUrl: "",
    devServer: {
        host: "0.0.0.0",
        disableHostCheck: true
    },
          publicPath: process.env.NODE_ENV === production
    ? /dist/
    : /,
        outputDir: dist,
        assetsDir: static
}

 

nginx 配置子目录路径

location /dist/ {
        try_files $uri $uri/ index.html  =404;
        error_page 404 /dist/;
}

 

以上是关于vue-cli 部署到子目录的主要内容,如果未能解决你的问题,请参考以下文章

前端技术 | vue-cli “从入门到放弃”

vue-cli的安装及目录

Vue10 Vue-Cli 项目创建

导致资产预编译在heroku部署上失败的代码片段

vue-cli的使用(模板自定义本地配置,eslint的配置)

Jenkins自动部署VUE-CLI