乐优商城项目学习笔记

Nginx及品牌管理域名解析反向代理（Nginx） 遇到问题

Nginx及品牌管理

域名解析

注意：利用管理员权限打开。

浏览器访问 http 默认为 80端口，要访问9001端口需要在地址手动输入。可用反向代理。

反向代理（Nginx）

在nginx conf/nginx.conf 配置中配置

server { listen 80; server_name manage.leyou.com; proxy_set_header X-Forwarded-Host $host; proxy_set_header X-Forwarded-Server $host; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; location / { proxy_pass http://127.0.0.1:9001; #主机地址 下的9001端口 proxy_connect_timeout 600; proxy_read_timeout 600; } } server { listen 80; server_name api.leyou.com; proxy_set_header X-Forwarded-Host $host; proxy_set_header X-Forwarded-Server $host; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; location / { proxy_pass http://127.0.0.1:10010; #主机地址 下的9001端口 proxy_connect_timeout 600; proxy_read_timeout 600; } }

遇到问题

vue-cli搭建的环境，用nginx做代理服务器，访问时显示：Invalid Host header 经查是因为新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的就不能访问。

**

可以在build目录下的webpack.dev.conf.js文件，devServer下添加disableHostCheck: true，跳过检查** 同样的原理，可以在package.json文件修改scripts命令:webpack-dev-server --disableHostCheck=true