1.下载axios 

2.在main.js中引入

import Axios from 'axios'

Vue.prototype.$axios = Axios

// Axios.defaults.baseURL = '/api'

Axios.defaults.headers.post['Content-Type'] = 'application/json';

3.在config——>index.js文件中配置

proxyTable: {

      '/api':{

            target:"http://zuowen.api.juhe.cn/",

            // target: "http://cache.video.iqiyi.com/",

            changeOrigin:true,

            pathRewrite:{

                '^/api':''

            }

        }

       

 

    

    },

4.在组件中使用

先引入 

import axios from 'axios'

在生命周期中使用（例如created）

this.$axios.get("/api/zuowen/typeList?id=2&key=d5fb65bf6f82098de949af112fd4bfe0")

        .then(res=>{

            console.log(res.data);

            this.list = res.data.data;

        })

        .catch(err=>{

            console.log(err)

        })

____________________________________________________________________________________________

以上部分搞定开发中的跨域

——————————————————————————

以下部分搞定打包后的跨域

****************************************

1.执行命令：

npm run build

打包完了以后报错

GET file:///C:/static/css/app.73251277bbc05ba49842f97131d9ff04.css net::ERR_FILE_NOT_FOUND

2.修改config——>index.js     assetsPublicPath:"./",

3.此时发现图片报错

4.此时接口报跨域错误，配置nginx解决跨域问题，配置完重启nginx即可