在项目开发时,我们可能会遇到这样的需求,只有一个域名,但是需要配置多个不同的模块项目进去,那么遇到这样的情况我们前端需要怎么配置呢?下面我给大家说下我的配置:
第一步
首先,找到vue项目中的config文件下的index.js,
修改assetsPublicPath
,具体配置如下:
build: {
index: path.resolve(__dirname, '../dist/index.html'),
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: '/test/'
}
第二步
router文件下的index.js
,配置如下:
export default new Router({
base: '/test',
routes,
mode: 'history'
})
第三步
根文件index.html添加 <mate base="/test/" >
以上配置结束打包就可以了!