Vue+axios状态返回200，但是没有数据，提示Access-Control-Allow-Origin的问题

准备工作

1、安装axios
2、在src文件夹建一个util的文件夹，文件夹下新建api.js

代码

第一步：在config文件夹下的index.js中找到dev，在dev中配置proxyTable内容

proxyTable: {
      '/api': {
        target: '接口域名，http://*******',
        changeOrigin: true,
        pathRewrite: {'^/api': ''}
      }
    }

第二步：api.js中封装好接口

import axios from 'axios'

var qs = require('qs')
var instance = axios.create({
  headers: {
    'content-type': 'application/x-www-from-urlencoded'
  }
})

export const ArtcaList = params => {
  return instance.post('/api' + '/apiList/3', qs.stringify(params)).then(res => res.data)
}

第三步：页面调用接口

import {ArtcaList} from '../util/api.js'
export default{
  name: 'ProductList',
  data () {
    return {}
  },
  created () {
    this.getArtcaList()
  },
  methods: {
    getArtcaList () {
      ArtcaList().then(result => {
        console.log(result)
        if (result.code === 0) {
          return false
        }
        if (result.length > 0) {
          console.log(result.data)
        }
      })
    }
  }
}

OK，测试通过，完