1. 配置文件config.js
核心代码
proxyTable: {
firstProxy: {
target: 'http://happy.dpxiao.com',
changeOrigin: true,
},
},
这里对api进行跨域请求,需要注意的一点就是,后台接口需要配置能够跨域,否则不成功
2. 后台以laravel为例子
1. 创建中间件
<?php
namespace App\Http\Middleware\Api;
use Closure;
class CrossHttp
{
/**
* Handle an incoming request.
*
* @param \Illuminate\Http\Request $request
* @param \Closure $next
* @return mixed
*/
public function handle($request, Closure $next)
{
$response = $next($request);
$response->header('Access-Control-Allow-Origin', '*');
$response->header('Access-Control-Allow-Headers', 'Origin, Content-Type, Cookie, Accept');
$response->header('Access-Control-Allow-Methods', 'GET, POST, PATCH, PUT, OPTIONS');
// $response->header('Access-Control-Allow-Credentials', 'true');
return $response;
}
}