VueCli4项目配置反向代理proxy

Vue Cli4创建项目之后，没有配置vue.config.js，如果直接发起axios请求，可能会引起跨域问题.

• 以豆瓣电影首页的最近热门 为例：

axios({
      method: "get",
      url: "https://movie.douban.com/j/search_subjects",
      params: {
        type: "movie",
        tag: "热门",
        page_limit: 50,
        page_start: 0
      }
    }).then(res => {
      console.log(res.data);
    });

• 如果直接发起请求必然会引起跨域错误，只需要在项目根目录手动创建vue.config.js文件：

module.exports = {
  devServer: {
    proxy: {
      "/j": {
        target: "https://movie.douban.com",
        changeOrigin: true
      }
    }
  }
};

• 然后修改axios请求的url地址：

url:"/j/search_subjects"

• 最后 重启该项目 重启该项目 重启该项目 即可