栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 系统运维 > 运维 > Linux

Windows下安装Nginx

Linux 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Windows下安装Nginx

[](()访问自己的项目 [](()hash模式
  1. 打包

npm run build

  1. 把生成的dist目录,放到html目录下。

  1. 浏览器访问: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;

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/868717.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号