（问一下）vue端的跨域配置怎么设置

php 入口文件头部设置：

header ("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Method: *");

想找个 vue 端的

本作品采用《CC 协议》，转载必须注明作者和本文链接

reading

白小二

课程读者 145 声望

数据员 @ 牛头村民工

not i was, just i am

0 人点赞

从零开发一个电商项目，功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等

我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。

讨论数量: 7

qingshui

Laravel 8.x 译者 355 声望

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: '',
        changeOrigin: true
      }
    }
  }
}

3年前评论

易水

对的，本地配置下proxy可以解决跨域

920939188

课程读者 10 声望

后端php 暴力解决方法直接在入口文件中加上或者使用laravel-cors

//设置跨域
header("Access-Control-Allow-Origin: *");

header("Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT, DELETE");

header('Access-Control-Allow-Headers:x-requested-with,Authorization,content-type,cache-control,agent-site-id');

if(isset($_SERVER['REQUEST_METHOD'])){
 if (strtolower($_SERVER['REQUEST_METHOD']) == 'options') {
  exit;
 }
}

vue.config.js文件下

module.exports = {
    devServer: {
        proxy: {
          '/api': {
          target: process.env.VUE_APP_BASE_API,
          changeOrigin: true,
          pathRewrite: {
          '^/api': 'api'
        }
      },
    }
}