Vue项目部署路由加前缀

前提:再部署项目的时候会有需求,几个项目同时部署,只提供一个端口的情况;
解决方案:路由加前缀来区分项目;
vue-cli2.0与vue-cli3.0还是有很大的区别;
1、vue-cli2.0
①:在config/index.js/build 对象中 先配置 assetsPublicPath:“/前缀”
②:修改路由,route/index.js new VueRouter({base:“/前缀”});
③:在build/webpack.base.conf.js 中修改文件的路径 ,配置修改如下图
Vue项目部署路由加前缀_第1张图片
2、vue-cli3.0
①:静态资源前缀 vue.config.js /module.exports 中配置 publicPath:“/前缀”;
②:路由前缀 route/index.js export default new Router({ base:”/前缀" , })

你可能感兴趣的:(vue.js,javascript,前端)