從vue-router官網(wǎng)了解到如果是用history模式構(gòu)建的vue項目打包后是需要后端配置支持的，而hash是不需要的，只不過地址會多了一個#/的后綴。使用hash模式構(gòu)建的項目打包后，我只需要使用webstorm之類的軟件打開訪問就能成功了。
但是我用history模式構(gòu)建的項目需要借助后臺技術，我這里選用的是nginx反向代理來部署項目。具體做法如下：
1、創(chuàng)建后臺服務器 對象
upstream mixVueServer{ server baidu.com;#這里是自己服務器域名 } 2、創(chuàng)建訪問端口和反向代理規(guī)則
server { listen 8082; server_name localhost; location / { root E:/mix_vue/dist;#定位到項目的目錄 #index index.html index.htm; try_files $uri $uri/ /index.html;#根據(jù)官網(wǎng)這規(guī)則配置 } location ~ /.php${ proxy_pass http://mixVueServer;#根據(jù)后端語言做反向代理處理跨域問題 proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; } error_page 500 502 503 504 /50x.html; location = /50x.html { root html; } } 最后，直接地址欄輸入端口訪問：
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答
