項目中安裝使用element-UI
命令行：
vue add element
安裝成功后，項目會自動將element-UI引入項目中，刷新項目即可
項目中安裝使用axios數據請求
vue add axios
安裝成功后，項目會自動將axios引入項目中，刷新項目即可
配置跨域請求本地服務器后台數據：
1、在項目根目錄下新建文件vue.config.js
加入以下代碼：
module.exports = {
runtimeCompiler: true,
publicPath: '/', // 設置打包文件相對路徑
devServer: {
// open: process.platform === 'darwin',
// host: 'localhost',
port: 8080,//服務器項目運行端口
// open: true, //配置自動啟動瀏覽器
proxy: {
'/api': {
target: 'http://localhost:88', //自己本地服務器接口
changeOrigin: true,
ws: true,
pathRewrite: {
'^/api': ''
}
}
}
},
}
2、src目錄下main.js文件加入下面兩句話：
axios.defaults.timeout = 5000 // 請求超時
axios.defaults.baseURL = '/api/' // api 即上面 vue.config.js 中配置的地址
3、組件文件中使用axios進行數據請求：
例如：
項目中安裝使用echarts圖表插件
npm install --save echarts vue-route
