前端项目部署的坑

 

1.  本地是好的，项目部署后，且不报错，请求也正常， 某些页面却出不来？

　　原因：上线环境配置文件中 变量缺失导致的。

2.  前端项目部署  http 却莫名定向到  https ？　　解决方案一：检查 nginx 配置 是否有配置 SSL  证书 
　　解决方案二：index.html  的  head标签 中 是否有   <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
　　  如果有则去掉 content="upgrade-insecure-requests"  或  这一整个 meta

3.  前端项目中操作 iframe 中的网页内容？

　　在前端项目中配置 iframe 网页的代理，且 iframe 中的资源路径是相对的，上线的话同样也要配置 nginx 代理

4. 正式环境登录接口状态码200，但其他接口状态码302？

问题分析：

开发环境正常，正式环境不行，推测是环境配置问题。经排查，正式环境服务端返回的 set-cookie 字段中 path 属性值与前端接口代理前缀不一致，导致 cookie 设置未生效。

解决方案：

以下三种解决方法任选一种即可。

1、前端处理： 设置正式环境接口代理前缀和 set-cookie 字段中 path 属性值一致。

2、后端处理： 平台框架会将 cookie path 默认设置为后端项目名。

3、nginx 配置

location /prod-api {
  proxy_cookie_path /oa "/; secure; SameSite=None";
}