1. 程式人生 > >vue2.0 cli 安裝,打包空白頁問題,路由,元件的使用

vue2.0 cli 安裝,打包空白頁問題,路由,元件的使用

安裝cli 首先下載node,在這裡插入圖片描述 npm install -g webpack 下載打包工具 npm install -g vue-cli 下載vue腳手架 在要生產專案的開啟cmd vue init webpack 專案名 生成vue腳手架 元件的使用 在這裡插入圖片描述 在components的檔案裡寫vue檔案。 先import引用元件, 在export中components註冊元件, 最後在使用元件 在這裡插入圖片描述 路由 在index檔案中將寫好的元件註冊全域性路由, 路由的使用的https://blog.csdn.net/kuangshp128/article/details/77280799 在這裡插入圖片描述 webpack打包顯示空白頁問題; 1.修改index檔案中build的assetsPublicPath:“/” 改為‘./’ 在這裡插入圖片描述

2.build/webpack.prod.conf.js設定裡output新增publicPath:’./’在這裡插入圖片描述 3.https://jingyan.baidu.com/article/676629979b139054d51b841e.html 圖中對應的位置新增publicPath在這裡插入圖片描述