项目结构:
- 📁public
- 📁scripts
- 📁server
- 📁src
- 📝.eslintcache
- 📝.gitignore
- 📝README.md
- 📝config-overrides.js
- 📝config.xml
- 📝package-lock.json
- 📝package.json
天气预报 App
React + cordova 混合App
如何运行
- 添加平台支持
- 安装依赖的包
- 运行 web 端
- 运行移动端
踩坑记录
1. Refused to load the script because it violates the following Content Security Policy directive
问题原因: 请求内容和public/index.html
中的设置不相符,违反内容安全策略
解决途径:
原定义如下
错误信息如下
修改后的生效形式和不同的需求强相关 笔者的需求为可接受不同源的 http,https, 以及接收图片base64
在后续的实践中,又遇到了这类问题,体悟不深,故直接去了这部分的限制 orz
2. http 请求浏览器正常,安卓请求失败
安卓高版本对非明文传输有要求
笔者添加如下代码后
在构建安卓应用时出现报错
但在 platforms/android/android.json
中多出这一段
重新构建后,即可正常请求
3. 跨域
移动端上没有跨域,故需要把在浏览器上运行时有关解决跨域的代码注释掉
下载地址:微信扫一扫,关注下方【毕业设计组织】公众号,请回复数字”5794“获取下载链接
