npm install --registry==
npm install -g @vue/cli
[注意]如果報錯,大概率是因為之前的vue-cli版本未解除安裝導致,需要先解除安裝之前的版本,再重新安裝vue/cli
npm uninstall -g vue-cli
vue --version
npm uninstall -g @vue/cli
vue create xiaogao-manager-web
(1)babel+router
(2)2.x [3.x出來不久,2023年8月出來的,很多元件還不適配]
(3)use history mode for router (n)
(4)in package.json
cd xiaogao-manager-web
npm run serve
index.js中
,
[前提vue2.x而不是vue3.x]
npm i element-ui -s
npm install axios
新建src/utils/api.js檔案
import axios from 'axios'
import from 'element-ui'
登入錯誤時需要重新跳轉到登陸頁面
import router from '../router'
//方便錯誤提示,配置響應***
axios.interceptors.response.use(success=>)
return;
} //成功
if(success.data.message))
} }return success.data;
},error=>)
}else if(errpr.response.code == 403)else if(errpr.response.code == 401))
router.replace('/')
}else)
}else)
} }return;
})
//建立axios的乙個例項
var instance = axios.create()
//json形式的請求
export default httprequest
//全域性使用axios封裝的請求
vue框架環境搭建
1.安裝nodejs 2.搭建vue開發環境,安裝vue的腳手架工具 使用cnpm 映象工具 在cmd輸入以下命令即可 npm install g cnpm registry npm install global vue cli3.建立專案 以下就以vuelist為專案名稱 在vscode終端輸入以...
vue腳手架,搭建vue專案框架
1.安裝node.js 2.基於node.js,利用 npm映象安裝相關依賴 在cmd裡直接輸入 npm install g cnpm registry 回車,等待安裝.3.安裝全域性vue cli腳手架,用於幫助搭建所需的模板框架 在cmd裡 1 輸入 cnpm install g vue cli...
vue框架搭建 專案打包 執行
vue專案搭建 1.裝node 2.裝 映象npm install g cnpm registry 3.安裝全域性的vue cli腳手架,用於幫助搭建所需的模板框架 npm install g vue cli 4.新建乙個資料夾,自己命名,不可以有大寫字母 5.開啟建立好的資料夾,右鍵git bas...