53.nginx反向代理配置
假设服务器已经买好了,项目也打包了dist文件,如何配置能达到访问咱购买的服务器地址就能跳转咱的项目呢?答案需要配置nginx,这样就能指定地址跳转了。
nginx配置:
- xshell进入根目录/etc
- 进入etc目录,这个目录下有一个nginx目录,进入到这个目录【判断已经安装过nginx:如果没有安装过,目录下只会有四五个文件;安装过目录下会有一堆文件】
- 如果想安装nginx: yum install nginx
- 安装完nginx服务以后,你会发现在nginx目录下,多了一个nginx.conf文件,在这个文件中进行配置
- 执行命令: 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;
}
- 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.编码测试与打包发布项目】