ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Nginx 部署多个VueCli项目或者代理转发多个项目

2022-11-10 13:26:28  阅读:304  来源: 互联网

标签:java 函数 学习 系统 语言 平台 方法 安装 


vuecli 编译打包后部署到线上运行时需要服务端的配置,可以使用apache、nginx等,按照教程正常配置就能运行。

location / {
            proxy_pass http://127.0.0.1:8081/;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "upgrade";
            proxy_read_timeout 3600s;
        }
        location /anan {
            try_files $uri $uri/ /index.html = 404;
            alias C:/server/dist/;
        }
        location /re/ {
            proxy_pass http://127.0.0.1:8080/;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "upgrade";
            proxy_read_timeout 3600s;
        }

这里部署了3个项目,当访问http://localhost的域名时,进入第一个项目,访问域名http://localhost/anan/**时,进入第二个项目,访问http://localhost/re/**时,进入第三个项目。

module.exports = defineConfig({
    
    publicPath:/re/,
)}

表示当前项目的所有路由和js访问的路径之前都会自动加入/re/**开头。这样当访问http://127.0.0.1:8080/re/index时,就能正常访问。

标签:java,函数,学习,系统,语言,平台,方法,安装,
来源:

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有