前端打包之后运用nginx反向代理运行项目

一：前端nginx代理配置及使用
1.本地需要下载nginx文件
链接 http://nginx.org/en/download.html

2.前端打包生成dist文件并放入到下载好的nginx文件的html文件夹中

3.配置nginx.config

打开nginx.conf进行编辑
server {
listen 70; //端口号
server_name 10.229.36.158; //本机ip或者域名转发的ip或者localhost

    location / {root  D:/www/kaoqin/dist/;  //打包文件的绝对路径（路径中斜杠改为反斜杠）try_files $uri $uri/ /index.html; //刷新重置urlindex  index.html index.htm; }location /prod-api/ {proxy_set_header Host $http_host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header REMOTE-HOST $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_pass http://localhost:8080/;   //需要代理的后端的ip地址和端口号（后端域名加端口号）

}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
保存之后双击nginx.exe就能启动成功了。
输入你配置的ip或者域名直接访问就行了。

前端打包之后运用nginx反向代理运行项目相关推荐

使用nginx负载均衡的webservice wsdl访问不到_谁说前端不用懂，Nginx 反向代理与负载均衡（超实用）...
谁说前端不需要懂-Nginx反向代理与负载均衡学到老活到老前端圈一直很新,一直要不停的学习,而且在进入大厂的路上,还要求熟悉一门后台语言等等.用一句别人开玩笑的话来说,java十年前的技术现在还能 ...
前端跨域，nginx反向代理的解决方案
前端跨域,nginx反向代理的解决方案参考文章: (1)前端跨域,nginx反向代理的解决方案 (2)https://www.cnblogs.com/Yukiyi/p/7912223.html (3 ...
sql server代理无法启动_谁说前端不需要懂Nginx反向代理与负载均衡
作者 | chenhongdong 链接 | https://juejin.im/post/5b01336af265da0b8a67e5c9 学到老活到老前端圈一直很新,一直要不停的学习,而且在进入 ...
在一台win10系统的电脑里安装虚拟机运行CentOS7并实现nginx反向代理从而用域名访问本机的微服务项目
在虚拟机里的CentOS7安装配置nginx,之前需要一些依赖库作为编译安装的条件,具体作用和命令详情跳转我之前的博客. 安装并使用VMware-workstation-full-15.5.0安装Ce ...
nginx 反向代理某个目录下带特定后缀名的文件
因为现在前端开发有时开发环境和生产环境 url路径不同,所以前端基本会采用nginx反向代理接口举个例子想把http://localhost/project/test.action 反向代理到 h ...
nginx解决浏览器跨域问题_前端通过Nginx反向代理解决跨域问题
在前面写的一篇文章SpringMVC解决跨域问题,我们探讨了什么是跨域问题以及SpringMVC怎么解决跨域问题,解决方式主要有如下三种方式: JSONP CORS WebSocket 可是这几种方式 ...
直接让web服务运行在80端不行吗，为什么要用nginx反向代理？
Web服务是可以运行在80端口的,而且默认也是监听80端口.为什么用nginx做反向代理,应该是跟题主的应用环境有关题主当前的应用环境按照题主的意思,应该是你当前的web服务器上监听的是非80端口 ...
webstorm前端使用Nginx 反向代理解决跨域问题
1.webstorm设置端口 2. 3. 4. 5. 把项目放到nginx安装目录的html文件夹下: 6. 配置nginx.conf文件 server {listen 8090; #监听端口serv ...
前端代理和nginx反向代理
代理是前端无时无刻都会碰到的问题,利用个人的一些知识储备来谈谈个人对于代理的理解. 前端代理为什么需要代理由于浏览器的同源策略,如果域名.端口.协议任一不同,都会导致跨域问题.即前端接口去调用不在 ...
容器化单页面应用中Nginx反向代理与Kubernetes部署
在<容器化单页面应用中RESTful API的访问>一文中,我介绍了一个在容器化环境中单页面应用访问后端服务的完整案例.这里我将继续使用这个案例,介绍一下容器化单页面应用部署的另一个场景: ...

前端打包之后运用nginx反向代理运行项目

前端打包之后运用nginx反向代理运行项目相关推荐

最新文章

热门文章

前端打包之后 运用nginx反向代理运行项目

前端打包之后 运用nginx反向代理运行项目相关推荐

最新文章

热门文章

前端打包之后运用nginx反向代理运行项目

前端打包之后运用nginx反向代理运行项目相关推荐