vue-cli4.0項目搭建部署過程遇到的問題整理


1、console.log告警

新建vue頁面時,發現在create生命周期中,使用console.log()出現告警提示

 

 解決方案有兩種:

  方法1.只需要改成window.console.log() 即可解決如;

  方法2.打開:package.json 文件,找到eslintConfig 在rules 規則中增加:"no-console": "off"

 

2、本地啟動打包后的dist項目

  vue項目打包后的dist文件,在本地是無法直接使用file://目錄直接訪問,需要啟動一個 HTTP 服務器來訪問 (除非你已經將 publicPath 配置為了一個相對的值<#我暫時也沒有搞懂相對值怎么使用>)。在本地預覽生產環境構建最簡單的方式就是使用一個 Node.js 靜態文件服務器,例如 serve

  在全局例如C盤下安裝serve,然后進入到dist的同級目錄,執行啟動命令

npm install -g serve
# -s 參數的意思是將其架設在 Single-Page Application 模式下
# 這個模式會處理即將提到的路由問題
serve -s dist

  或者使用ngnix。直接進行路徑配置,啟動即可。

  


免責聲明!

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



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