vue 打包项目部署到服务器非根目录后白屏或者404

假设打包后的dist文件内容需要部署到非根目录http.xxx.com/m子路径下，解决步骤如下：

1、修改vue.config.js中的publicPath

module.exports = {
  publicPath: "/m/", //打包后部署在一个子路径上http:xxx/m/
  productionSourceMap: false,
  devServer: {
    proxy: "http://xxxx.com", //测试或正式环境域名和端口号
  },
};

2、修改路由router的/index.js

const router = new VueRouter({
  mode: "history",//路由模式
  base: "/m/",//部署的子路径
  routes,
});

export default router;

参考文章：https://www.jianshu.com/p/8dcf5e78c4c1

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容