Windows下安装Nginx

[](()访问自己的项目

[](()hash模式

1. 打包

npm run build

2. 把生成的dist目录，放到html目录下。

3. 浏览器访问：localhost/dist/index.html就可以看到页面了。

[](()history模式

当你使用 history 模式时，url就像正常的url，例如

“http://yoursite.com/mapp/”，不过这种模式还需要后台配置支持。因为我们的应用是单页面应用，如果后台没有正确的配置，当用户在浏览器直接访问 "http://yoursite.com/mapp/home"就会返回 404。

location / {

try_files $uri $uri/ /index.html;

}

[](()子目录部署

若项目没有直接部署在Nginx主目录下,而是在其子目录，如：

Nginx配置root路径为:/usr/local/nginx/html，子目录路径为：/usr/local/n **《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】** ginx/html/dist,此时Nginx应该这样配置:

location / {

try_files $uri $uri/ /dist/index.html;

}

[](()Nginx 转发时Header中信息丢失

通过Nginx转发后, Header中access_token信息丢失，经查，发现Nginx在转发时，header中带下划线_的属性默认不转发，需要增加配置：

underscores_in_headers on;