node.js - 如何在服務(wù)器部署vuejs項(xiàng)目?
問題描述
vue-cli搭建的環(huán)境,http://localhost:8080/comment...訪問沒問題,我現(xiàn)在想通過http://bxu2348550081.my3w.com...訪問同樣的數(shù)據(jù),是在打包編譯前配置還是在服務(wù)器配置?
問題解答
回答1:配置一個服務(wù)器指向你的dist文件就可以
我用的nginx
server { listen port; server_name your.host.name; rewrite_log on; charset utf8; root /home/path/xxxxx; index index.html;client_max_body_size 100m;access_log /home/xxxx/access.log ; error_log /home/xxxx/error.log; location ~* .(html)$ { root /home/path/xxxxx; etag on;expires 30d;index index.html; } gzip on; # 啟用gzip壓縮的最小文件,小于設(shè)置值的文件將不會壓縮 gzip_min_length 1k; # gzip 壓縮級別,1-10,數(shù)字越大壓縮的越好,也越占用CPU時間,后面會有詳細(xì)說明 gzip_comp_level 6; # 進(jìn)行壓縮的文件類型。javascript有多種形式。其中的值可以在 mime.types 文件中找到。 gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png font/ttf font/otf image/svg+xml; # 是否在http header中添加Vary: Accept-Encoding,建議開啟 gzip_vary on; # 禁用IE 6 gzip gzip_disable 'MSIE [1-6].'; location ~* .(css|js|jpg|jpeg|gif|png|ico|cur|gz|svg|svgz|map|mp4|ogg|ogv|webm|htc)$ { root /home/path/xxxxx; index index.html; expires 1M; access_log off; add_header Cache-Control 'public'; } }回答2:
vue build之后吧dist里面的文件,丟上服務(wù)器就可以了
回答3:看來你使用的是html5 history模式了,部署的話需要處理一下訪問路徑的問題,然后把網(wǎng)站文件夾指向dist目錄就好了
參考https://router.vuejs.org/zh-c...
相關(guān)文章:
1. mysql - 在不允許改動數(shù)據(jù)表的情況下,如何優(yōu)化以varchar格式存儲的時間的比較?2. css - chrome下a標(biāo)簽嵌套img 顯示會多個小箭頭?3. css3 - 純css實(shí)現(xiàn)點(diǎn)擊特效4. docker網(wǎng)絡(luò)端口映射,沒有方便點(diǎn)的操作方法么?5. java中返回一個對象,和輸出對像的值,意義在哪兒6. mysql 為什么主鍵 id 和 pid 都市索引, id > 10 走索引 time > 10 不走索引?7. vim - docker中新的ubuntu12.04鏡像,運(yùn)行vi提示,找不到命名.8. javascript - 有適合開發(fā)手機(jī)端Html5網(wǎng)頁小游戲的前端框架嗎?9. javascript - Img.complete和img.onload判斷圖片加載完成有什么區(qū)別?10. 推薦好用mysql管理工具?for mac和pc
