阿里云服务器搭建的wordpress,通过域名访问,与通过IP地址访问,界面略有错误之处

这是通过域名访问的博客界面

img

这是通过IP访问的博客界面

img

这是控制台源码

img

img

我使用的是他的模板,几乎没有改动。我对于js和css不是很懂,所以不知道是什么意思。

你这是因为静态资源没有加载导致的 你百度一下云服务器加载静态文件例如图片

就是icon图表显示不出来呗,应该是没有引入必要的样式文件,你看看是用的什么ui框架,然后引入对应的css文件

这个问题确实是静态资源无法加载的问题。根本原因是
已拦截跨源请求:同源策略禁止读取位于 http://....../wp-content/themes/dashscroll/fonts/fa-regular-400.woff2 的远程资源。(原因:CORS 头缺少 'Access-Control-Allow-Origin')。
我百度了一圈
第一种方法是被请求页面加上

< meta http-equiv="Access-Control-Allow-Origin" content="*" >

没有解决问题。

第二种办法是在请求控制器加上下面的代码

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

我不知道他说的请求控制器是什么,没有解决问题

第三种办法是修改nginx.conf

    location ~ .*\.(eot|ttf|woff|woff2|svg)$ 
        {
          add_header 'Access-Control-Allow-Origin' 'origin-list';
          add_header Access-Control-Allow-Origin *;
          add_header Access-Control-Allow-Headers X-Requested-With;
          add_header Access-Control-Allow-Methods GET,POST,DELETE,HEAD,OPTIONS;
        }

没有解决问题。浪费了好多时间,还是没有解决。