nginx同一端口部署不同vue项目

最新推荐文章于 2024-04-18 13:52:58 发布
最新推荐文章于 2024-04-18 13:52:58 发布
阅读量420 收藏
点赞数
文章标签： vue.js nginx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Gpointy/article/details/130835167
版权

1. 添加publicPath

vue.config.js文件中添加 publicPath: “/S1E2” 配置
在这里插入图片描述

2. 添加base

router/index.js文件中添加 base: “/S1E2” 配置
在这里插入图片描述

3. nginx配置

① 将打完的包重名为S1E2
② 将包放到/html/目录下
③ 修改配置
在这里插入图片描述
④ 使用ip:86/S1E2访问即可

o0麦嘎
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
web服务器nginx+部署前端vue项目
03-22
1. 什么是 nginx 和可以做什么事情 Nginx 是高性能的 HTTP 和反向代理的web服务器，处理高并发能力是十分强大的，能经受高负 载的考验,有报告表明能支持高达 50,000 个并发连接数。 其特点是占有内存少，并发能力强，事实上nginx的并发能力确实在同类型的网页服务器中表现较好，中国大陆使用nginx网站用户有：百度、京东、新浪、网易、腾讯、淘宝等。 2.Nginx 作为 web 服务器 Nginx 可以作为静态页面的 web 服务器，同时还支持 CGI 协议的动态语言，比如 perl、php 等。但是不支持 java。Java 程序只能通过与 tomcat 配合完成。Nginx 专为性能优化而开发， 性能是其最重要的考量,实现上非常注重效率 ，能经受高负载的考验,有报告表明能支持高 达 50,000 个并发连接数。 https://lnmp.org/nginx.html
nginx同一端口部署多个vue项目
qq_44178552的博客
11-30 3619
nginx同一端口部署过个vue项目背景nginx配置文件功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 背景 因该应用嵌入在企业微信中，且企业微信中内置的网页应用配置主页需要二级域名所以导致测试新增功能时还须使用原有域名，这就导
nginx配置同一域名同一端口下部署多个vue项目
最新发布
strggle_bin的博客
04-18 373
调整完毕后，直接执行build打包命令，可以发现index.html引入js路径增加了/project。在vue.config.js文件中修改publicPath路径为/project/在router文件夹中index.js文件中修改base为 ‘/project/’如果页面中有二级路由的话，配置文件中一定不能用root，要用alias.默认端口就只有一个，有多个项目需要部署到同一端口下。根据根路径不同分别代理访问不同项目。
nginx部署多个vue项目的方法示例
11-19
上一篇已经介绍了然后配置web项目；今天由于公司需求，需要在同一域名端口下，部署两个项目；今天花了一上午终于弄好了，选择赶紧做一个笔记。 如何连接阿里云服务器就不在这里说了，请看我以前的文章。 首先需要的效果 http://47.97.244.83/login http://47.97.244.83/student/login 文件目录 两个项目并列在同一文件夹内。 准备好两个vue的项目 http://47.97.244.83/login：这个不用修改配置直接build就可以。关键是二级域名的vue项目，需要进行一下修改。 首先在config文件夹内的index.js内修改(注意是b
详解nginx同一端口监听多个域名和同时监听http与https
01-10
详解nginx同一端口监听多个域名和同时监听http与https 1、同一端口监听多个域名 如今公网ip资源越来越珍贵，多域名监听应用非常广泛，就是用一个端口，比如80或者443，监听多个入口域名。如下： server { listen 443 ssl; server_name xxx.xxx.cn; ssl_certificate ssl/server.pem; ssl_certificate_key ssl/server.key; ...... } 在启用新的域名的时候，只需要另启一个server配置文件，丢在vhosts目录下
『Nginx』Nginx实现同端口代理多项目 及 同项目多端口配置
老陈聊架构
04-11 7469
📣读完这篇文章里你能收获到，Nginx实现同端口代理多项目，Nginx实现同项目多端口配置
Nginx同一端口部署多个前后端分离的vue项目
u010797364的博客
03-09 6049
nginx 一个端口部署多个vue项目
Nginx同一端口部署多个vue项目
jacob20130的博客
06-20 3889
Nginx同一端口部署多个vue项目
Nginx同一端口下部署多个vue项目
qq_49206255的博客
03-18 659
Vue项目打包后就变成了静态界面，在代码中动态配置的代理是不生效的，要注意默认配置。除了vue.config.js文件配置需要注意外，还有两个文件需要特别对待，分别是src-main.js、src-router-index.js文件，分别如图所示。跨域配置是根据配置进行拼接地址访问的，要注意请求后面的“/”，和跳转地址后的“/”，到现在重启nginx就可以访问了。根据不同项目的vue部署需求，可以在同一地址下的同一端口进行配置，配置完毕就可以访问vue前端项目了。在同一ip同一端口下部署一个vue项目。
docker nginx 部署多个项目的示例方法
09-30
主要介绍了docker nginx 部署多个项目的示例方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
在nginx上部署vue项目(history模式)的方法
08-28
vue-router 默认是hash模式，使用url的hash来模拟一个完整的url，当url改变的时候，页面不会重新加载。这篇文章主要介绍了在nginx上部署vue项目(history模式),需要的朋友可以参考下
一个nginx部署多个应用及nginx总结
heroicpoem的专栏
10-13 2326
参数server的配置是指虚拟的server；比如可以监听相同的端口。这点与后端的应用不同，后端如果监听相同端口，会报端口冲突。server.location参数：可以指定本地目录，做直接访问；也可以转发，也就是逆向代理。逆向代理也是实现跨域的一种方式：老web中，直接暴露了后端，浏览器直接对后端请求，后端设置了允许跨域；新web中，webpack支持代理（部署时同样配置nginx的代理），前端访问的特定开头的url(/api)。
Nginx部署多项目
大灰狼的小绵羊哥哥的博客
11-19 6026
前言： Nginx （Nginx中文文档） 是一个高性能的 HTTP 和 反向代理 服务器，也是一个 IMAP/POP3/SMTP 代理服务器。 Nginx介绍、安装和一些简单的命令我这里就不多说了。留下个链接 Nginx介绍、安装、常用命令 。 正文： 浅尝Nginx后，想在原来第一个项目成功部署的提前下部署其它项目。 这是第一个项目的配置端口88 1.不改配置同端口部署多项目 起先我以为很简单也不需要修改配置，找到了第一个部署的目录/usr/share/nginx/html文件夹下，反
Nginx部署多个vue项目
weixin_45054115的博客
06-09 5922
同一台nginx 部署多个vue项目
nginx部署多个vue或react项目
crazy1013的博客
12-01 526
注意：这里base不能为/，否则不生效。这个时候就可以分别访问了。访问：ip/like。
nginx部署vue项目（包括一个nginx部署多个vue项目）
guoyp2126的博客
09-17 9239
在nginx部署vue项目，含同一端口号下，配置多个vue项目
nginx
07-04 194
use epoll; worker_connections 51200; multi_accept on; } http { include mime.types; default_type ap...
nginx 一个端口 部署 多个vue 项目
07-28
- *1* [Nginx同一端口部署多个vue项目](https://blog.csdn.net/jacob20130/article/details/125368431)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值