Uniapp部署H5端Nginx配置

Uniapp打包出来的H5端程序,正常能打开,但是刷新或者跳转后Nginx会报404,原因是该文件并不是真实存在的文件,而是路由,这里需要做出如下的修改

首先Vue文件里需要调整为hash模式,并且开始支持跨域

关于跨域可以参考这篇文章

Nginx支持跨域

在Vue项目的Nginx配置中加入

location / {
 root /www/wwwroot/h5/; # 这里写Vue具体项目的绝对路径
 try_files $uri $uri/ @router;
 index index.html;
}
location @router {
 rewrite ^.*$ /index.html last;
}

重启Nginx即可

 

《Uniapp部署H5端Nginx配置》为 九城 原创,创作不易!转载请注明出处!感谢!
文章地址:https://blog.minkse.cn/uniapp%e9%83%a8%e7%bd%b2h5%e7%ab%afnginx%e9%85%8d%e7%bd%ae/
暂无评论

发送评论 编辑评论

|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇