将前端vue项目部署到nginx中,vue中publicPath自动拼接一个路径(端口后面拼接一个路径)

55 阅读1分钟

解决办法:配置vue.config.js中的publicPath

image.png

注意注释里前端和后端那里,实现的效果为
输入:http://远程地址服务器:7040/server 访问的为java后台
输入:http://远程地址服务器:7040/bms 访问的为vue项目

这里是vue项目里的vue.config.js,此处的publicPath要和访问地址一样,例如地址栏输入:地址/bms跳入后台(得和tomcat里的前端代码注释部分,以及nginx访问前端路径的地址写的一样,都要为“/bms”。)具体可以看vue官网的解释publicPath,

module.exports = {
  publicPath: '/bms',
	... 
}

同时需要改router/index.js里的代码(实践发现路由不一定要改),吧base:加上项目默认路径

const router = new VueRouter({
  base: '/bms',
  // base: '/', // 这里改成/
  routes: routes
});

原文链接:blog.csdn.net/cjy15759449…