vue+iview后台管理系统util.ajax跨域问题的解决方法

问题描述

vue+iview项目启动出现了跨域问题 No 'Access-Control-Allow-Origin' header is present on the requested resource

修改webpack.dev.config.js

在webpack.dev.config.js中module.exports添加如下devServer。作者在package.json做了一些关于webpack-dev-server的基础配置如下：

"scripts": {
   "dev": "webpack-dev-server --content-base ./ --open --inline --hot --compress --history-api-fallback --config build/webpack.dev.config.js",
}

devServer添加proxy配置

devServer: {
    port: 8089,
        proxy: {
        '/api': { // 这个api是你自己项目路由地址，表示api地址路径都走这个代理。
            target: 'http://127.0.0.1:8080', // target 是你的后端项目地址
            pathRewrite: {'^/api' : ''},
            changeOrigin: true
        }
    }
}

然后在后端设置下允许跨域。