共计 841 个字符，预计需要花费 3 分钟才能阅读完成。
此前，我们已经在 thinkphp 中配置了全局中间件，允许跨域请求。
VUE 和 Thinkphp6 做前后端分离时，跨域请求怎么设置？Access-Control-Allow-Origin 设置教程
但在本地开发过程中，我发现总是报错 400，无法进行请求，console 中也提示跨域错误。
|
1
|
origin ‘http://localhost:9000’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
|
所以，除了 TP 本身以外，这里我们还需要对小皮面板或者 nginx 进行设置，允许跨域请求。
设置
打开小皮面板，点击设置，点击配置文件下的 vhosts.conf，点击对应的站点名称。
打开后，如下图所示，增加这三行：
|
1
2
3
|
add_header ‘Access-Control-Allow-Origin’ ‘*’;
add_header ‘Access-Control-Allow-Credentials’ ‘true’;
add_header ‘Access-Control-Allow-Methods’ ‘GET, POST, OPTIONS’;
|
返回首页，重启 nginx，即可。
正文完
