vue腳手架根據需要進行配置

2021-09-10 02:04:00 字數 749 閱讀 2554

host配置

(1)配置hosts檔案,新增主機對映

如:127.0.0.1 dev.**

(2)在前端目錄(如frontend目錄)的config目錄下,對index.js檔案更改

『proxytable』的『api/』屬性的』target『屬性進行更改:

如:『http://dev.**:8000/』

proxytable: 

}

『proxytable』的『host『屬性進行更改:

如:『dev.**.cn』

2.build打包配置

(1)打包的路徑配置

在前端目錄(如frontend目錄)的config目錄下,對index.js檔案的build下邊的屬性進行更改

如:

assetsroot: path.resolve(__dirname, '../../static'),//打包到指定的路徑

assetssubdirectory: 'assets',

assetspublicpath: '../../',

(2) 使用完整版 包含執行時+ 編譯器

resolve:
(3)打包的檔案不要hash值

刪除build/webpack.base.conf.js檔案中所有的 .[hash],

然後,刪除build/webpack.prod.conf.js檔案中所有的 .[chunkhash],

Vue腳手架的AJAX配置

sass基於node環境,故需要安裝node sass和sass loader 獲取dom元素 mydiv div this refs.mydivvue create 專案名 建立專案 src目錄 步驟 安裝axios包npm i axios s 在src目錄下建立requests資料夾,專門用來放...

安裝配置Vue腳手架

1,全域性安裝生成腳手架專案 npm i g vue cli 安裝的是3.0版本 g全域性 2,用命令列工具生成乙個專案的腳手架 和檔案結構 vue create 專案名 命名時不可以用大寫字母 2.1如果提示網路慢,是否用 映象 y 2.2選manually select features 2.3...

搭建Vue腳手架

從vue官網安利了一波安裝腳手架的主要 全域性安裝 vue cli npm install global vue cli 建立乙個基於 webpack 模板的新專案 vue init webpack my project 安裝依賴,走你 cd my project npm install npm r...