Nginx配置前后端分离项⽬
修改f⽂件
在配置⽂件时,主要要把前后端的端⼝号对应配置⽂件中的什么位置搞清楚即可(之前⼀直很晕)
1.Nginx的端⼝号
图中的①配置的是Nginx启动需要占⽤的端⼝号,不和前后端端⼝冲突即可
2.前端项⽬的端⼝号
图中②配置的是前端的端⼝号和域名,注意location后⾯的 /
3.后端项⽬的端⼝号
图中③配置的是后端端⼝的端⼝号,注意 location /kobe/ 是项⽬启动的上下⽂,⼀定要配置对,否则前端请求请求不到后端接⼝。
访问页⾯
访问页⾯时,访问Nginx配置的server_name+端⼝号
前端请求写法:
修改server_name
1.将server_name设置成⾃⼰想要的
2.在C:\Windows\System32\drivers\etc\hosts⽂件中配置相应的地址
3.访问地址 kobe:81
这⾥会提⽰报错。
4.修改前端⽂件
出现这个报错后,去前端项⽬(我这⾥是Vue)中的build/f.js中
nginx部署前端项目5.重启前端项⽬,再次访问kobe:81,SUCCESSED
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论