(问一下)vue端的跨域配置怎么设置

php 入口文件头部设置:

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

想找个 vue 端的

本作品采用《CC 协议》,转载必须注明作者和本文链接
reading
白小二
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 7
module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: '',
        changeOrigin: true
      }
    }
  }
}
1年前 评论
易水 1年前

后端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'
        }
      },
    }
}
1年前 评论

在暴力点直接在Nginx里面配置

file

1年前 评论

vue加代理就行可以,在请求哪里加header config.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'

1年前 评论

用代理就没有跨域的问题

1年前 评论

【vue-element-admin(同源与跨域)-哔哩哔哩】 b23.tv/OsWC00M vue的跨域
建议在web服务器做 代码里面的话 用一个中间件也可以 但效果没有直接在WEB服务器上做的好

1年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!