express+原生html,要实现一个简单的前端上传图片到后端路由返回处理结果的功能,前端不能正常运行,浏览器控制台报错:Error: TypeError: Failed to fetch at HTMLFormElement.<anonymous>
前端相关代码:
后端代码运行正常,用postman测试接口返回结果也没问题,然后前端其实也没什么问题。报错的原因是:之前为了解决cors跨域问题(不支持file协议),前端代码是用live server插件启动的,这个插件出了问题,要用其他方式启动前端。在这里也给出另一种node.js环境解决cors跨域问题的方法:建立本地http服务器。下载安装http-server,在前端文件夹的终端用http-server --cors命令。这样就一次解决了两个问题。
进入给出的服务器地址后默认打开index.html。
在浏览器控制台打印FormData也得到了正常的数据,之前这里是空的。
关于http-server的使用细节可以参考:
http-server使用-CSDN博客