關於vue-cli3.0 本地介面配置
首先搭建vue-cli3.0 的專案
命令 vue create pay :建立一個專案名字為 ping 的專案
![](https://img0.tuicool.com/JNJzUfN.png)
然後建立一個vue.config的js檔案 ,有這個檔案,專案 啟動的時候,會優先查詢這個
![](https://img0.tuicool.com/iyAVzme.png)
before這一快是配置 外部json資料可以訪問的配置,
before(app){//訪問外部json 檔案的配置 外部也可以訪問的一個固定的資料介面
//http://localhost:8081 goods.json
app.get('/api/goods', function(req, res) {
res.json(goods);
});
//http://localhost:8081 goods.json
app.get('/api/seller', function (req, res) {
res.json(seller);
});
}
既然要訪問配置json,那麼久的自己定義一個json檔案
![](https://img1.tuicool.com/ja6FVry.png)
每天堅持學習一下,每天分享一些小知識,皮一下,同學們
專案 github 地址 [email protected]:13507404693/-git-.git 專案名字 vue-cli3.0配置本地json資料介面