说明1:
我选择在自己的Windows电脑上做服务器后台和nginx配置。
说明2:
虽然用提供服务的服务器ip+端口的方式能访问到每一个具体的服务,但是麻烦且不够优雅。本文利用SwitchHosts.exe可以做到让浏览器通过我们设定的虚假域名访问到我们的nginx所在的服务器80端口,再让正在监听80端口的nginx根据输入的二级域名不同(如manage.leyou.com和api.leyou.com),让用户不用输入端口号也能找到具体的服务。
一、通过域名找到nginx
1.1以管理员身份运行SwitchHosts.exe,在Windows电脑本地注册虚假域名解析,让我们虚构一个名为manage.leyou.com和api.leyou.com的域名,解析地址为自己的nginx运行处的ip地址。因为我用的是本机Windows做的nginx,因此我可以设置解析地址为127.0.0.1(本地回调地址)或者cmd窗口输入ipconfig查看本机地址后设置为本机地址。
1.2测试能不能解析成功:ping manage.leyou.com,ping manage.leyou.com。如果ping失败,则代表本地host文件创建失败,重试第一步。
二、
2.1Vue工程里的config/index.js文件修改host为0.0.0.0(图里是localhost),port设为9001.
2.2在build/webpack.dev.conf.js中取消host验证:disableHostCheck: true
三、nginx带用户找到服务器地址+端口号
3.1nginx安装目录不要有中文。修改nginx安装目录conf/nginx.conf文件为
events {
worker_connectio