【前端部署】多个vue项目部署到Linux服务器

【前端部署】多个vue项目部署到Linux服务器

---

---

前言

利用nginx将两个vue项目打包部署到服务器上，之前已在服务器上部署过单个项目， 此次在单个项目部署的基础上进行修改，并将两个项目布置在同一端口下。若有需要单个vue项目部署的，可查看下述链接：

【前端部署】vue项目打包并部署到Linux服务器

---

一、修改vue项目中配置

1.修改vue.config.js

打开vs code，打开第二个vue项目文件夹，打开文件夹下的vue.config.js文件，更改文件中的publicPath，将路径名字更改为自己想要的名字，我这里改为/test/，具体代码如下：

module.exports = {
   
  publicPath: "/test/",
  devServer:{
   
    host:"localhost",
    port:'8080',
    https:false,
    hotOnly:false,
    proxy:{
   
      "server":{
   
        target:"http://localhost:8080",
        ws:true,
        changeOrigin