uni-app打包有些坑,當時運行的基礎路徑填寫了./
,導致在二級頁面刷新之后,頁面直接空白。就只能換一個路徑了,nginx也要跟著改,下面是具體步驟。
manifest.json配置web
運行路徑寫/h5/
,或者寫你們網站的目錄,比如我這里寫了h5
,到時候訪問的地址就是127.0.0.1/h5
,對,帶了一個h5
nginx配置
需要在nginx里面配置一個/h5
配置,然后我這里還配置了一個location /
的,讓他重定向到/h5
,這樣用戶輸入127.0.0.1
的時候會重定向127.0.0.1/h5
,這個可以按需添加。
server {listen 80;server_name localhost;# 重定向根路徑 / 到 /h5location / {return 301 /h5;}# 訪問/h5的配置location /h5 {root html/webH5;index index.html index.htm;try_files $uri $uri/ /h5/index.html;}# 訪問后臺接口的配置location /web/server/ {proxy_set_header Host $http_host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header REMOTE-HOST $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_pass http://localhost:8080/web/server/;}error_page 500 502 503 504 /50x.html;location = /50x.html {root html;}}
打包成網站
把打包之后的文件,丟到nginx里面的\html\webH5\h5
目錄下面,如果你的文件不是放到這個地方的,那就改一下nginx的root html/webH5;
配置,改成你自己的目錄
打包之后請求后臺地址想用相對地址的話,可以參考uni-app打包成H5使用相對路徑