博客中插入项目展示

  • 当hexo文件经历过npx hexo cl && npx hexo g && npx hexo s后
  • 把我们已经打包好的项目复制到生成的public文件目录下
  • 在link中写入跳转链接，跳转到项目中去
image-20230104123514646 image-20230104123514646

其中部署项目出现如下问题：

1
Mixed Content: The page at https://xxx was loaded over HTTPS

问题原因：

通过对代码以及报错信息分析，问题出现在跨域请求上，（跨域请求：跨域是指浏览器不允许当前所在的源请求去访问另一个不一样的源请求，源是指请求协议、域名、端口号，这三个如果有一个不一致就是跨域请求）

image-20230104123514646

解决方式

http请求变更为https处理方式在生成的index.html中添加如下代码

1
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">