自己做的移动端,其他人做的pc端,要求部署到一起,个人研究了一下午,参考各路大神方案,做了一个,如有错误,请指正。 

  1. 下载nginx压缩包并解压;
  2. 将准备好的多个项目进行打包;打包后将dist下的index.html和static文件复制到nginx文件下的html中;将第二个项目的打包文件放置在html下新文件下,如:dh; 我在本次中将html原有的两个文件删除掉了;多个项目依次增加。
  3. 进行第二个项目的配置:在打包第二个文件时需要在config\index.js文件中的build:{}中修改assetsPublicPath:’/此处为第2步中新建的文件夹名/’,
  4. 在第二个项目src/router/index.js中修改router
  5. 在nginx中的配置:在conf/nginx.conf中修改server{},
Location / {

      root   html;

      try_files  $uri $uri/ @router;

      index  index.html  index.html;

}

     

Location  /dh/{

      root   html/html;

      try_files  $uri $uri/ @router;

      index  index.html  index.html;

}



Location @router {

      Rewrite ^.*$  /index.html  last;

}

6.启动nginx并重新运行

7.在浏览器中输入localhost:端口号   (此处端口号指的是conf/nginx.conf中修改server{}的端口号)  即可访问第一个项目,输入localhost:端口号/第二项目的文件夹名   即可访问第二个项目

eg:localhost:80   
eg:localhost:80/dh

Logo

前往低代码交流专区

更多推荐