vue尚品汇商城项目-day07【53.nginx反向代理配置】

迷南。 2024-03-24 13:43 19阅读 0赞

![在这里插入图片描述][201cb7e59bb94276b20be0c55371360b.jpeg_pic_center]

#### 文章目录 ####

*   *  53.nginx反向代理配置
 *  本人其他相关文章链接

### 53.nginx反向代理配置 ###

> 假设服务器已经买好了，项目也打包了dist文件，如何配置能达到访问咱购买的服务器地址就能跳转咱的项目呢？答案需要配置nginx，这样就能指定地址跳转了。

nginx配置：

1.  xshell进入根目录/etc
2.  进入etc目录，这个目录下有一个nginx目录，进入到这个目录【判断已经安装过nginx：如果没有安装过，目录下只会有四五个文件；安装过目录下会有一堆文件】
3.  如果想安装nginx： yum install nginx
4.  安装完nginx服务以后，你会发现在nginx目录下，多了一个nginx.conf文件，在这个文件中进行配置
5.  执行命令： vim nginx。conf进行编辑，主要添加如下两项

解决第一个问题：
    location / {
    	root /root/jch/www/shangpinhui/dist;
    	index index.html;
    	try_files $uri $uri /index,html;
    }
    解决第一个问题：
    location / {
    	proxy_pass http://39.98.123.211;
    }

1.  nginx服务器跑起来，执行命令：service nginx start

## 本人其他相关文章链接 ##

1.[vue尚品汇商城项目-day07【44.个人中心二级路由搭建+45.我的订单+46.优化登录跳转+47.独享守卫】][vue_-day07_44._45._46._47.]  
2.[vue尚品汇商城项目-day07【vue插件-48.（了解）图片懒加载插件】][vue_-day07_vue_-48.]  
3.[vue尚品汇商城项目-day07【vue插件-49.（了解）自定义插件】][vue_-day07_vue_-49.]  
4.[vue尚品汇商城项目-day07【vue插件-50.（了解）表单校验插件】][vue_-day07_vue_-50.]  
5.[vue尚品汇商城项目-day07【51.路由懒加载】][vue_-day07_51.]  
6.[vue尚品汇商城项目-day07【52.打包文件，处理map文件】][vue_-day07_52._map]  
7.[vue尚品汇商城项目-day07【53.nginx反向代理配置】][vue_-day07_53.nginx]  
8.[vue尚品汇商城项目-day07【vue插件-54.（了解）生成二维码插件】][vue_-day07_vue_-54.]  
9.[vue尚品汇商城项目-day07【55.编码测试与打包发布项目】][vue_-day07_55.]

[201cb7e59bb94276b20be0c55371360b.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/7fa120f21b21434ea4d8092e9833b732.png
[vue_-day07_44._45._46._47.]: https://blog.csdn.net/a924382407/article/details/129921578
[vue_-day07_vue_-48.]: https://blog.csdn.net/a924382407/article/details/129921625
[vue_-day07_vue_-49.]: https://blog.csdn.net/a924382407/article/details/129921710
[vue_-day07_vue_-50.]: https://blog.csdn.net/a924382407/article/details/129921764
[vue_-day07_51.]: https://blog.csdn.net/a924382407/article/details/129921802
[vue_-day07_52._map]: https://blog.csdn.net/a924382407/article/details/129921841
[vue_-day07_53.nginx]: https://blog.csdn.net/a924382407/article/details/129921856
[vue_-day07_vue_-54.]: https://blog.csdn.net/a924382407/article/details/129946011
[vue_-day07_55.]: https://blog.csdn.net/a924382407/article/details/129946037