vue中使用axios请求API或其他域名地址时,会产生跨域请求问题,应该如何解决呢?(本文以请求example为例)
在本地用axios请求后端发布的json文件时会出现以下跨域报错
解决方法:
第一步:在根目录下vue.config.js文件(如果没有就新建个js文件来配置)
添加如下代码:
module.exports = {
// 配置跨域代理
devServer: {
// Paths
proxy: {
'/example': { // 匹配所有以 '/example'开头的请求路径
target: 'http://localhost:18001/', // 目标地址
changeOrigin: true, // 支持跨域
//pathRewrite: {// 重写路径: 去掉路径中开头的'/example'
// '^/example