将另一个项目放在当前vue项目的子路由中

上传单一页面vue项目 – 项目A

将路由模式改为history模式 将 publicPath改为/模式

main.js

const router = new VueRouter({
  mode: process.env.NODE_ENV == 'production' ? 'history' : 'hash',
  base: process.env.BASE_URL,
  routes
})

vue.config.js

 publicPath:process.env.NODE_ENV == 'production' ? '/' : './',

使用宝塔搭建

使用宝塔搭建之后，修改nginx配置文件添加 配置结束之后可以使用history模式进行访问页面

location ~ {
  trt_files: $uri $uri/ /index.html;
}

上传B项目页面 – 项目B

打包步骤同上改为history模式

随上一步执行完毕之后，打开vue.config.js页面进行配置当前项目的publicPath将publicPath的后边路径改为在宝塔存放当前项目的打包文件的根目录的文件夹名称，此处设置的路由名称为http://xxx/xxx/createOrder所以设置为/createOrder/

publicPath:'/createOrder/',

结构如下

此时可以访问原来域名下面的createOrder路由