宝塔部署项目遇到“Access-Control-Allow-Origin”跨域问题，通过调整nginx的时候需要注意，不是在nginx配置文件，是在网站管理里面进行配置

宝塔部署项目遇到“Access-Control-Allow-Origin”跨域问题，通过调整ngnix的时候需要注意，不是在ngnix配置文件，是在网站管理里面进行配置

我们在做uniapp开发公众号页面，也就是H5的时候，常常需要发布到浏览器中，但是默认的程序如果不经过设置，就会出现上图中的问题，“has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource”，这个我们经过网上查阅，发现是跨域的问题，需要在应用服务器nginx中进行设置，如果是没有宝塔部署的项目，我们直接去改nginx的配置文件，可以起到效果，但是宝塔中就不会需要改ngnix中的配置文件了。

上图是nginx的配置文件，实际我们仔细查看配置文件，只能看到端口为888，也就是phpmyadmin的配置，而不是网站的配置，正确的配置方式，应该是我们在“网站管理”中双击网站，在“配置文件”中进行添加。

具体插入代码为：

add_header Access-Control-Allow-Origin *;
 add_header Access-Control-Allow-Headers Origin,Accept,Authorization,platformId,ut,DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type;
 add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
 add_header Access-Control-Allow-Credentials true;

修改保存完后记得重启nginx，保证配置文件修改后生效。

上图为配置好后的结果。

我们可以看到，已经可以正常获取到具体信息了。

展示的是通过微信开发者工具中的“公众号网页项目”进行访问调试的，这种方式可以实时获取修改后的内容。