vue項目打包發布


利用nginx代理服務器部署

1.下載nginx壓縮包,解壓
1.編譯vue項目,npm run build,此時會在dist目錄下輸出編譯后的文件
2.打開nginx.conf,配置編譯的vue項目目錄

這個配置為自己vue項目編譯后index的目錄(默認編譯輸出目錄是dist)

配置代理服務器的端口
4.運行nginx,start nginx
5.打開瀏覽器,輸入127.0.0.1:8020即通過nginx可查看到vue項目了

配置請求后端代理

設置第一張圖內的“proxy_pass http”,即可設置請求服務的地址

這個請求地址有帶 #/#和不帶#/#兩種,若請求是127.0.0.1:8020/user/getUsers
/時,會認為除了最后 #/#后內容外全都被代理了,代理的是127.0.0.1:8080/getUsers。
不帶/,會認為只代理了IP+端口號,所以代理的是127.0.0.1:8080/user/getUsers。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM