需求分析:如果只有一台服务器,但是要布置多个vue
项目,但是路由相同,如何进行区分呢,那就是在路由的前面加一个base
加以区分,打包的时候让人头皮发麻,特此总结:
首先,在vue-router
设置 base
路径,如图
打开config
文件夹下的index.js
,将build
下的assetsPublicPath
设为'/app/'
,代码如下
assetsPublicPath: '/app/',
如果打包以后assets
文件夹下的图片无法显示,路径错误,那就更改build
文件夹下的utils.js
中加入,如图所示
publicPath:'../../'
然后npm run build
进行打包,你会发现根目录多了一个dist
包,只需要将这个包给后台就可以了,里面包含了一个index.html
以及一个static
文件夹。如图所示