項(xiàng)目地址
項(xiàng)目數(shù)據(jù)由easy-mock提供模擬數(shù)據(jù),mockjs語(yǔ)法
easy-mock (可跳過(guò))
什么是easy-mock氧苍?
easy-mock是一個(gè)可視化夜矗,并且能快速生成模擬數(shù)據(jù)的持久化服務(wù),上手簡(jiǎn)單让虐。為前端開(kāi)發(fā)提供了非常便捷的服務(wù)
easy-mock文檔
dev與pro環(huán)境配置
在config文件中有dev.env.js紊撕、prod.env.js分別代表開(kāi)發(fā)環(huán)境和生產(chǎn)環(huán)境對(duì)應(yīng)的文件,在這里配置對(duì)應(yīng)的地址赡突,那么在開(kāi)發(fā)和打包上線的時(shí)候就不用來(lái)回切換了
1.prod.env.js 添加測(cè)試環(huán)境baseurl
module.exports = {
NODE_ENV: '"production"',
//這里填寫自己項(xiàng)目的線上地址对扶,或者在easy-mock上面創(chuàng)建,如果都沒(méi)有可以直接用下面這個(gè)地址
BASE_URL: '"https://www.easy-mock.com/mock/5b6142e7cbc4e209c427f9f4/api_v1"'
};
2.dev.env.js 添加生產(chǎn)環(huán)境baseurl
const merge = require("webpack-merge");
const prodEnv = require("./prod.env");
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
//這里填寫自己項(xiàng)目的開(kāi)發(fā)地址惭缰,或者在easy-mock上面創(chuàng)建浪南,如果都沒(méi)有可以直接用下面這個(gè)地址
BASE_URL:
'"https://www.easy-mock.com/mock/5b61451dcbc4e209c427f9fc/dev_api_v1"'
});
移除不必要代碼
清空app.vue和helloworld.vue
清理文件
2.封裝axios、本地存儲(chǔ)从媚,安裝vuex逞泄、element