位置: IT常识 - 正文

nginx部署多个前端项目(nginx部署前后端项目)

编辑:rootadmin
nginx部署多个前端项目

推荐整理分享nginx部署多个前端项目(nginx部署前后端项目),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:nginx部署多个前端程序,nginx部署多个前端,nginx部署多个网站,nginx部署多个网站,nginx部署多个网站,nginx部署多个前端程序,nginx部署多个前端程序,nginx部署多个前端统一端口,内容如对您有帮助,希望把文章链接给更多的朋友!

前提:nginx已在服务器上安装完成

假如有2个项目(一个company,一个test),需要通过ip或者域名来访问,我们通过http://www.test.com来举例

首先把2个静态资源项目或者打包好的项目放到Nginx中

1、nginx安装目录及项目目录

在nginx的html里面 创建两个文件夹,一个services放服务端代码,一个web放前端代码

将前端静态页面或打包好的项目company和test项目放到html/web下面

2、开始nginx配置

进到nginx/conf目录,编辑nginx.conf文件 vim nginx.conf

nginx默认的根目录访问的是html下的index.html页面,默认端口80,访问http://www.test.com 即可看到下面文件

3、nginx下的配置文件(/nginx/conf/nginx.conf)里的server节点配置

server相关释义:

server { #监听的端口,80端口是默认端口,在访问时,就无需输入端口号,其他的都需要输入端口号,比如这里访问地址就是127.0.0.1,而若是8080端口,则是127.0.0.1:8080 listen 80; #此处localhost可改为要访问的域名或者ip地址,若有多个用空格隔开。例如 server_name www.baidu.com baidu.com test.baidu.com server_name localhost; #编码 charset utf-8; #access_log logs/host.access.log main; location / { #nginx下HTML文件夹,访问上述域名时会检索此文件夹下的文件进行访问 root html/web/company; #输入网址(server_name:port)后,默认的访问页面 index index.html index.htm; }}

listen:指定访问端口,默认80,指定9001,9002之后,我们再次访问

80端口: http://www.test.com

9001、9002端口访问:http://www.test.com:9001    http://www.test.com:9002

指向的都是nginx/html页面下的index.html页面

以上location的配置就可以通过相关路由来访问啦,访问到的路径都是nginx/html/web下的打包之后的项目路径

http://www.test.com:9001/docs     http://www.test.com:9002/docs

http://www.test.com:9001/login     http://www.test.com:9002/login

http://www.test.com:9001/office     http://www.test.com:9002/office

http://www.test.com:9001/company    http://www.test.com:9002/company

3.1 配置改完后测试配置是否正确(找到nginx/sbin文件夹打开,看到nginx文件后再命令行输入nginx -t检测)

3.2 配置正确后,重启nginx(./nginx -s reload)

3.3 若访问的是域名还需去进行域名解析,网站配置域名指向ip。检测是否成功:ping一下域名,若结果为自己指向的ip则解析成功

3.4 测试访问即可

4、 介绍location配置中root和alias的区别

/office 和 /company 分别使用root和alias来配置

4.1使用root配置nginx部署多个前端项目(nginx部署前后端项目)

浏览器地址栏输入 http://www.test.com:9001/company 或者http://www.test.com:9001/officiaNetwork均可访问

4.2使用alias配置

浏览器地址栏输入 http://www.test.com:9001/office  或者  http://www.test.com:9001/company

 http://www.test.com:9001/office/index.html  或者  http://www.test.com:9001/company/index.html 均可访问

4.3 root 和 alias 的区别

首先确定 root和alias都可以定义在location模块中,都是用来指定请求资源的真实路径

使用 root 时, 服务器里真实的资源路径是 root 的路径拼接上 location 指定的路径

比如请求 http://www.test.com:9001/company/, 真实的资源路径就是

html/web/company/index.html

使用alias顾名思义是代指 location 的别名, 不论location 是什么, 资源的真实路径都是alias所指定的,所以location是匹配浏览器输入的地址, 真实访问的路径就是alias 指定的路径

其它区别

1. alias 只能配置在location 中, 而root 可以配置在 server, http 和 location 中

2. alias 后面必须要以 "/" 结尾, 否则会查找不到文件, 报404错误; 而 root 对 "/" 可有可无

5、配置node项目绑定域名server { listen 80; # 端口 server_name test.com; # 域名 location / { proxy_pass http://0.0.0.0:3000; proxy_read_timeout 18000; # 设置超时 }}6、HTTPS(SSL)配置server { listen 443 ssl; # 端口 server_name test.com; # 域名 ssl_certificate /path/xxx.pem # 证书路径 pem or crt; ssl_certificate_key /path/xxx.key; # 私钥 ssl_session_cache shared:SSL:1m; ssl_session_timeout 5m; ssl_protocols TLSv1 TLSv1.1 TLSv1.2; ssl_ciphers HIGH:!aNULL:!MD5; ssl_prefer_server_ciphers on; location / { # 这里可以配置静态服务器 or 代理 }}# http 自动跳转到 httpsserver{ listen 80; server_name test.com; rewrite ^/(.*)$ https://test.com:443/$1 permanent;}其他:

1、Vue访问后刷新空白的问题

可能是由于VurRouter开启了HTML5 History 模式具体可查看VurRouter后端配置例子

需要在配置中添加一行 try_files $uri $uri/ /index.html;

例:

server { listen 80; # 端口 需要服务器开放端口 # 域名绑定需要将域名解析A记录到改服务器ip server_name test.com; # 你的域名 如果需要ip访问请注释该行并改变端口 location / { # 监听的路径 root /www; # /www 就是刚刚创建的目录 index index.html index.htm; # 默认入口 try_files $uri $uri/ /index.html; }}

2、如果80端口被占用了,或者已经有tomcat在跑80端口了,只需要停用tomcat,kill掉其他80端口即可

3、如果你发现修改了以后不起作用的话,可能是之前的nginx服务还没关闭

ps aux | grep nginx

kill -9 pid 关闭nginx服务

4、跨域请求

我们在设置nginx.conf的时候,有一个配置是

location /api/ {

        proxy_pass http://localhost:8000;

        proxy_set_header Host &host;

}

意思是后台开启服务的端口为8000,当我访问 server_name:8086/api/的时候就会流到后台开启的服务中。所以在前端页面请求后台的时候域名和端口要为 server_name:8086/api/

例:下图为前端发起请求的路径

完结,撒花~

本文链接地址:https://www.jiuchutong.com/zhishi/298359.html 转载请保留说明!

上一篇:一文通俗讲解元学习(Meta-Learning)(元的解释是什么?)

下一篇:Linux | 将SpringBoot+Vue项目部署到服务器上

  • 移动二次认证怎么在微信打开(移动二次认证怎么弄)

    移动二次认证怎么在微信打开(移动二次认证怎么弄)

  • word怎么将文字转换成表格(word怎么将文字隐藏)

    word怎么将文字转换成表格(word怎么将文字隐藏)

  • 双模5g和全网通5g有什么区别(双模5g和全网通5g哪个好)

    双模5g和全网通5g有什么区别(双模5g和全网通5g哪个好)

  • 苹果手机录屏后的视频怎么没了(苹果手机录屏后找不到 去哪里找)

    苹果手机录屏后的视频怎么没了(苹果手机录屏后找不到 去哪里找)

  • 腾讯会议怎么退出会议(腾讯会议怎么退出账号)

    腾讯会议怎么退出会议(腾讯会议怎么退出账号)

  • 抖音僵尸粉太多对账号有什么影响(抖音僵尸粉多的号会限流吗)

    抖音僵尸粉太多对账号有什么影响(抖音僵尸粉多的号会限流吗)

  • 小米5手环什么时候出(小米5手环什么时候上市时间)

    小米5手环什么时候出(小米5手环什么时候上市时间)

  • 微信怎么设置不接受视频语音聊天(微信怎么设置不让别人通过手机号加我)

    微信怎么设置不接受视频语音聊天(微信怎么设置不让别人通过手机号加我)

  • 手机充电没充满就拔下来有危害吗(手机充电没充满就自动停止充电了)

    手机充电没充满就拔下来有危害吗(手机充电没充满就自动停止充电了)

  • 华为第二个卡槽在哪(华为第二个卡槽不能用)

    华为第二个卡槽在哪(华为第二个卡槽不能用)

  • 快手入团卷在哪(快手送入团券加入粉丝团)

    快手入团卷在哪(快手送入团券加入粉丝团)

  • 微信付款明细怎么查(微信付款明细怎么批量删除)

    微信付款明细怎么查(微信付款明细怎么批量删除)

  • oppo的呼吸灯在哪里(oppo呼吸灯在哪里调)

    oppo的呼吸灯在哪里(oppo呼吸灯在哪里调)

  • 苹果存储其他怎么删(iphone 存储 其它)

    苹果存储其他怎么删(iphone 存储 其它)

  • 全民k歌怎么屏蔽别人(全民k歌怎么屏蔽陌生人访问)

    全民k歌怎么屏蔽别人(全民k歌怎么屏蔽陌生人访问)

  • 支付宝怎么预约花呗还款日(支付宝怎么预约健康证办理)

    支付宝怎么预约花呗还款日(支付宝怎么预约健康证办理)

  • n3手机是什么牌子手机(n3手机是什么牌子的)

    n3手机是什么牌子手机(n3手机是什么牌子的)

  • 钉钉怎么关联菜鸟裹裹(钉钉怎么关联组织)

    钉钉怎么关联菜鸟裹裹(钉钉怎么关联组织)

  • 手机打电话听筒声音小怎么回事(手机打电话听筒声音小免提正常)

    手机打电话听筒声音小怎么回事(手机打电话听筒声音小免提正常)

  • 禁止远程用户修改注册表信息的方法(如何禁止远程)

    禁止远程用户修改注册表信息的方法(如何禁止远程)

  • 【VUE3】ElementUI--el-date-picker下拉控件样式修改(高亮显示设置)(vue3 element-plus)

    【VUE3】ElementUI--el-date-picker下拉控件样式修改(高亮显示设置)(vue3 element-plus)

  • 房产税相关问题
  • 接受投资材料
  • 计提工资是包含社保吗
  • 注册资本转出可以吗
  • 汇票委托书会计分录
  • 中国电子口岸证书错误
  • 货物运输代理费用会计分录
  • 支付货款未收到产品算货值吗
  • 学生是纳税人吗为什么
  • 现金日记账支出和收入表格怎么做
  • 退休回聘政策与程序
  • 代理药品销售收取佣金会计分录怎么写?
  • 行政会计账务处理
  • 3%的增值税专用发票可以退税吗可以抵扣吗
  • 企事业单位承包承租经营者
  • 企业出口退税办理流程
  • 营改增后哪些费用可以抵扣
  • 员工一次性赔偿怎么算
  • 南方建筑主编
  • 公司变更监事需要换营业执照吗?
  • 成本费用的结转方法
  • 离职补偿金的税率
  • 固定资产报废后怎么处理
  • 木制手链品种
  • 建筑行业成本预算和施工方案哪个更有含金量
  • 货物装卸过程中由于操作不当或违反操作规程
  • 教你从脸上看出风水
  • 报销招待费的会计怎么做
  • 小微企业财务报表报送时间
  • 应收账款补贴
  • 免单产品是什么意思
  • linux mib
  • 融资租入固定资产的入账价值
  • php getheader
  • 车辆运输费计入什么科目
  • 税务机关义务包括
  • 前端跨域的方法
  • 什么是应交税费未交增值税
  • 流动资产损失
  • 考研408怎么样
  • php冒泡法排序
  • 活动策划印花税选哪个税种
  • 财务费用为什么流向债权人
  • 材料合理损耗会计处理
  • 税费的审计
  • 微信转账和支付宝转账的区别
  • 织梦二次开发教程
  • 会计学中资本的定义
  • sqlserver2005数据库导出数据成.sql
  • 税务发票金额可以增加吗?
  • 银行承兑汇票套利案例
  • 苹果macos安装
  • 收到某单位投入机器一台
  • 政府补助计入哪个会计科目
  • 公司代缴社保如何查询
  • 经营租入的固定资产计入什么科目
  • 哪几种情况涉及到进项税额的转出
  • 加油账务处理
  • 企业印花税率
  • 企业支付境外佣金要交税吗?
  • 企业应该设置的账薄
  • winds密码忘记了
  • Linux下mysql5.6.33安装配置教程
  • win7自动更新在哪
  • kpupgrader.exe是什么
  • 文件系统的类型为raw
  • 电脑导航阻止怎么办
  • easyui datagrid resize
  • unity2020商店
  • unity屏幕截图
  • 图形学题目
  • js查看浏览器信息
  • 批处理文件是可执行文件吗
  • js正则表达式写法
  • js图形图表
  • 经常用到的图像格式有
  • js文件被加密
  • 超市一般纳税人做账流程
  • 棚户区改造的回迁房能办房产证吗
  • 数电发票抄报税操作流程
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设