Windows下安装Nginx(1)，2024前端常见面试题

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/nginx/html/dist,此时Nginx应该这样配置:

location / {

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

}

Nginx 转发时Header中信息丢失

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

underscores_in_headers on;

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

最后

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

❤️ 谢谢支持，喜欢的话别忘了 关注、点赞哦。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

❤️ 谢谢支持，喜欢的话别忘了 关注、点赞哦。