需求
如:
www.xxx.com/music
www.xxx.com/blog
类似这种,一个域名对应多个 Vue 项目
Vue 项目配置
vue-router
中配置
为了在 url 中不要 #
,可以使用路由的 history
模式,参考官方文档
配置 base ,参考官方文档
1 | const router = new VueRouter({ |
webpack 的配置
1 | build: { |
然后将打包后得到的文件放到 nginx 配置的 root 目录下(如:/www/vue/music, /www/vue/blog)
nginx 配置
1 | server { |
修改 nginx 配置之后重启下 nginx 服务器就行了。