2020-04-02 09:54:09 版本 : nginx 反向代理部署 项目记录
作者: 郁冲冲 于 2020年04月02日 发布在分类 / 人防组 / 人防前端 下,并于 2020年04月02日 编辑
 历史版本

修改日期 修改人 备注
2020-04-02 10:23:13[当前版本] 郁冲冲 1.1.0
2020-04-02 09:56:19 郁冲冲 1.1.0
2020-04-02 09:54:09 郁冲冲 1.1.0

反向代理和正向代理的区别就是: 正向代理代理客户端,反向代理代理服务器。

项目: 使用nginx反向代理  199.168.199.203 直接跳转到 199.168.199.188

1. 由于这里是多个端口代理到同一端口的不同目录上,在vue项目的vue.config.js中需要重新配置子路径。

粘贴图片


2. 先部署发布到  199.168.199.188 上,确保能够访问。

粘贴图片

这里需要注意的是,在npm run build 打包项目丢到服务器中的时候需要注意一下

粘贴图片

粘贴图片

3. 将所有的静态资源包(除了index.html)放到新建的oa文件夹中。(如果不这么做,发布的时候会报找不到静态资源的错误)

4. 确保部署成功,能够访问,再去199.168.199.203做代理配置。

粘贴图片

5. 多端口访问,这里只需要配置 location/oa 的参数就行。

遇到的坑:

1. 这里发布的时候仍然无法访问,最后发现是因为nginx没有读取我的配置。解决:这时候停掉nginx 重新启动。


 附件

附件类型

PNGPNG

历史版本-目录  [回到顶端]
    知识分享平台 -V 4.8.7 -wcp