假设打包后的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;
假设打包后的dist文件内容需要部署到非根目录http.xxx.com/m子路径下，解决步骤如下： 1、修改vue...
根目录部署vue打包dist vue项目打包为dist，默认访问服务器绑定的域名，需要配置80端口,配置位置多默认...
vue history模式 部署在服务器端的nginx配置 (非根目录) vue history需要nginx或者...
当前有个vue项目，打包部署后发现刷新404，原来是因为路由改成了history模式我们项目是用iis部署的，就需...
打包路径问题 默认打包路径是直接在根目录dist下进行打包，增加项目名部署会照成404 问题 修改 /config...
第一部：避坑前期 今天打算将本地vue项目打包到服务器nginx部署，部署后发现不能请求到数据，提示跨域问题 但是...
新建Vue项目webpack打包，部署到Linux服务器Tomcat上。 2，在Linux服务器下的Tomcat的...
通常情况我们部署单个项目会将项目打包成war包或者jar包部署到tomcat或者weblogic等服务器上，到如今...
简述 vue项目打包后发给后台部署到后台服务器上，出现了很多问题，在此做一些总结 环境前台：build打包后的di...
项目本地运行时候，首页子页面刷新均无问题。部署到服务器之后，刷新页面报错、出现404。 当vue项目的vue-ro...
本文标题：vue 打包项目部署到服务器非根目录后白屏或者404
本文链接：https://www.haomeiwen.com/subject/pzwisrtx.html
网友评论