宝塔面板nginx跨域配置(跳坑)

问题:使用前后端分离开发项目,后端使用tp5,前端使用vue,已给后端tp5的入口文件配置跨域操作,但前端无法访问后端静态资源文件,因为访问静态资源文件不经过入口文件public目录下的index.php,所以本人就反其道而行之,直接在服务器上配置跨域
宝塔面板nginx跨域配置(跳坑)_第1张图片
1.我使用的服务器是基本linux系统的宝塔面板,首先找到自己后端服务的站点,点击设置,找到配置文件,添加以下代码,具体的内容可以根据自己的需求更改内容

    add_header Access-Control-Allow-Origin '*';
    add_header Access-Control-Allow-Methods 'POST,PUT,GET,DELETE';
    add_header Access-Control-Allow-Headers 'version, access-token, user-token, Accept, apiAuth, User-Agent, Keep-Alive, Origin, No-Cache, X-Requested-With, If-Modified-Since, Pragma, Last-Modified, Cache-Control, Expires, Content-Type, X-E4M-With'; 

修改结果如下图所示,点击保存后即可

宝塔面板nginx跨域配置(跳坑)_第2张图片

2.你以为这就结束了,其实的确结束了,但如果你和我一样,之前在代码里面已经进行过跨域操作,就会出现以下错误
*The ‘Access-Control-Allow-Origin’ header contains multiple values’*, ’, but only one is allowed.

宝塔面板nginx跨域配置(跳坑)_第3张图片
所以一旦给站点配置了跨域操作,一定要将代码中的跨域操作删除,删除,再删除!!!

你可能感兴趣的:(宝塔面板nginx跨域配置(跳坑))