在vue.config.js里配置跨域请求

跨域问题报错

在这里插入图片描述

解决

  • 在vue.config.js中配置

    module.exports = {

    // 配置跨域请求
    devServer: {
    port: 8080,
    host: ‘localhost’,
    open: true,
    https: false,
    proxy: {
    ‘/api’: {
    target: ‘http://需要请求的地址/’,
    ws: true,
    changeOrigin: true,
    pathRewrite: {
    ‘^/api’: ‘’
    }
    }
    }

    }

    }

!在环境变量中或者在baseURL中更改地址值为’/api’

-.env.development

 VUE_APP_API_URL=  /api

-.env.production

VUE_APP_API_URL=  /api
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐