vue尚品汇商城项目-day07【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;
}

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

本人其他相关文章链接

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