请求不使用代理

lin-xin · lin-xin · commit bee36e126054 · 2019-06-23T15:38:24.000+08:00
diff --git a/favicon.ico b/favicon.ico
diff --git a/package.json b/package.json
@@ -10,7 +10,7 @@
   "dependencies": {
     "axios": "^0.18.0",
     "babel-polyfill": "^6.26.0",
-    "element-ui": "^2.8.2",
+    "element-ui": "^2.9.2",
     "mavon-editor": "^2.6.17",
     "vue": "^2.6.10",
     "vue-cropperjs": "^3.0.0",
diff --git a/public/vuetable.json b/public/vuetable.json
diff --git a/src/api/index.js b/src/api/index.js
@@ -0,0 +1,9 @@
+import request from '../utils/request';
+
+export const fetchData = (query) => {
+    return request({
+        url: '/ms/table/list',
+        method: 'post',
+        data: query
+    })
+}
diff --git a/src/assets/vuetable.json b/src/assets/vuetable.json
diff --git a/src/components/common/Sidebar.vue b/src/components/common/Sidebar.vue
@@ -127,6 +127,12 @@
                             }
                         ]
                     }
+                    ,
+                    {
+                        icon: 'el-icon-lx-redpacket_fill',
+                        index: '/donate',
+                        title: '支持作者'
+                    }
                 ]
             }
         },
diff --git a/src/components/page/BaseTable.vue b/src/components/page/BaseTable.vue
@@ -7,13 +7,13 @@
         </div>
         <div class="container">
             <div class="handle-box">
-                <el-button type="primary" icon="delete" class="handle-del mr10" @click="delAll">批量删除</el-button>
+                <el-button type="primary" icon="el-icon-delete" class="handle-del mr10" @click="delAll">批量删除</el-button>
                 <el-select v-model="select_cate" placeholder="筛选省份" class="handle-select mr10">
                     <el-option key="1" label="广东省" value="广东省"></el-option>
                     <el-option key="2" label="湖南省" value="湖南省"></el-option>
                 </el-select>
                 <el-input v-model="select_word" placeholder="筛选关键词" class="handle-input mr10"></el-input>
-                <el-button type="primary" icon="search" @click="search">搜索</el-button>
+                <el-button type="primary" icon="el-icon-search" @click="search">搜索</el-button>
             </div>
             <el-table :data="data" border class="table" ref="multipleTable" @selection-change="handleSelectionChange">
                 <el-table-column type="selection" width="55" align="center"></el-table-column>
@@ -68,11 +68,11 @@
 </template>
 
 <script>
+    import { fetchData } from '../../api/index';
     export default {
         name: 'basetable',
         data() {
             return {
-                url: './vuetable.json',
                 tableData: [],
                 cur_page: 1,
                 multipleSelection: [],
@@ -123,14 +123,10 @@
             },
             // 获取 easy-mock 的模拟数据
             getData() {
-                // 开发环境使用 easy-mock 数据，正式环境使用 json 文件
-                if (process.env.NODE_ENV === 'development') {
-                    this.url = '/ms/table/list';
-                };
-                this.$axios.post(this.url, {
+                fetchData({
                     page: this.cur_page
                 }).then((res) => {
-                    this.tableData = res.data.list;
+                    this.tableData = res.list;
                 })
             },
             search() {
diff --git a/src/components/page/Donate.vue b/src/components/page/Donate.vue
@@ -0,0 +1,26 @@
+<template>
+    <div>
+        <div class="crumbs">
+            <el-breadcrumb separator="/">
+                <el-breadcrumb-item><i class="el-icon-lx-redpacket_fill"></i> 支持作者</el-breadcrumb-item>
+            </el-breadcrumb>
+        </div>
+        <div class="container">
+            <div class="plugins-tips">
+                如果该框架对你有帮助，那就请作者喝杯饮料吧！加微信号linxin_20探讨问题。
+            </div>
+            <div><img src="http://blog.gdfengshuo.com/images/weixin.jpg"></div>
+        </div>
+
+    </div>
+</template>
+
+<script>
+    export default {
+        
+    }
+</script>
+
+<style>
+
+</style>
diff --git a/src/components/page/Upload.vue b/src/components/page/Upload.vue
@@ -15,7 +15,7 @@
             <el-upload
                 class="upload-demo"
                 drag
-                action="/api/posts/"
+                action="http://jsonplaceholder.typicode.com/api/posts/"
                 multiple>
                 <i class="el-icon-upload"></i>
                 <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
diff --git a/src/router/index.js b/src/router/index.js
@@ -96,6 +96,11 @@ export default new Router({
                     path: '/403',
                     component: resolve => require(['../components/page/403.vue'], resolve),
                     meta: { title: '403' }
+                },
+                {
+                    path: '/donate',
+                    component: resolve => require(['../components/page/Donate.vue'], resolve),
+                    meta: { title: '支持作者' }
                 }
             ]
         },
diff --git a/src/utils/request.js b/src/utils/request.js
@@ -0,0 +1,27 @@
+import axios from 'axios';
+
+const service = axios.create({
+    // process.env.NODE_ENV === 'development' 来判断是否开发环境
+    baseURL: 'https://www.easy-mock.com/mock/592501a391470c0ac1fab128',
+    timeout: 5000
+})
+
+service.interceptors.request.use( config => {
+    return config;
+}, error => {
+    console.log(error);
+    return Promise.reject();
+})
+
+service.interceptors.response.use(response => {
+    if(response.status === 200){
+        return response.data;
+    }else{
+        Promise.reject();
+    }
+}, error => {
+    console.log(error);
+    return Promise.reject();
+})
+
+export default service;
diff --git a/vue.config.js b/vue.config.js
@@ -1,19 +1,16 @@
 module.exports = {
     baseUrl: './',
+    assetsDir: 'static',
     productionSourceMap: false,
     devServer: {
         proxy: {
-            '/api':{
-                target:'http://jsonplaceholder.typicode.com',
-                changeOrigin:true,
-                pathRewrite:{
-                    '/api':''
-                }
-            },
-            '/ms':{
-                target: 'https://www.easy-mock.com/mock/592501a391470c0ac1fab128',
-                changeOrigin: true
-            }
+            // '/api':{
+            //     target:'http://jsonplaceholder.typicode.com',
+            //     changeOrigin:true,
+            //     pathRewrite:{
+            //         '/api':''
+            //     }
+            // }
         }
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -127,6 +127,12 @@`
`127`	`127`	`}`
`128`	`128`	`]`
`129`	`129`	`}`
	`130`	`+ ,`
	`131`	`+ {`
	`132`	`+ icon: 'el-icon-lx-redpacket_fill',`
	`133`	`+ index: '/donate',`
	`134`	`+ title: '支持作者'`
	`135`	`+ }`
`130`	`136`	`]`
`131`	`137`	`}`
`132`	`138`	`},`
Original file line number	Diff line number	Diff line change
`@@ -96,6 +96,11 @@ export default new Router({`
`96`	`96`	`path: '/403',`
`97`	`97`	`component: resolve => require(['../components/page/403.vue'], resolve),`
`98`	`98`	`meta: { title: '403' }`
	`99`	`+ },`
	`100`	`+ {`
	`101`	`+ path: '/donate',`
	`102`	`+ component: resolve => require(['../components/page/Donate.vue'], resolve),`
	`103`	`+ meta: { title: '支持作者' }`
`99`	`104`	`}`
`100`	`105`	`]`
`101`	`106`	`},`