一个域名下多个Vue项目

时间:2021-02-19 19:47:06

公司写的网站要英文和中文的,所以就写了两个项目,都是用vue写的单页面项目,但是域名只有一个,所以就想把两个vue项目合并到一个域名下面。
思考:vue的页面都是单页面应用,说白了就是一个index.html,通过锚点来跳转,所以通过路径来实现两个网站的跳转,方法可行。

vue配置

1.config/index.js,修改 assetsPublicPath: '/en/'
一个域名下多个Vue项目

2. src/router/index.js文件修改,添加 base: '/en/'

一个域名下多个Vue项目

3.网站文件效果

一个域名下多个Vue项目

4.www.test.com 中文,www.test.com/en/英文