携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第12天,点击查看活动详情
一、express中使用cors解决跨域
协议,端口号,域名,只要有一个不同就会出现跨域
使用的是前面的demo来进行展示的 npm run start运行后 在网页中输入网址打开form.html页面 点击按钮 会出现对应的操作
但是直接双击打开文件,网页地址栏出会自动出现网址,且与上面展示出的地址不同,此时再点击按钮,都出现报错,
操作
在终端输入命令 npm i cors
app.js(文件加夹的根目录下)里引入插件 app.use(require('cors')());
然后 在html页面中将调用接口处的地址前面添加上http://IP地址再加网址接口
即ajax中url:'/api/v1/m' → url: "http://192.168.17.30:3000/api/v1/m"
axios中('/api/v1/m')→ ('http://192.168.17.30:3000/api/v1/m')
此时再直接双击打开文件时 ,进行相关的操作再不会报错
二、分页(搜索)获取数据-demo
用的是之前爱奇艺数据抓包后的数据库movie(那篇文章后面写,下一篇)
文件夹用的还是express脚手架生成的那个文件(下一篇文章)
【即 安装完express手脚架后,
express 文件名(自动创建) -e
npm i
npm i mongoose 生成一个目录然后自行写代码加内容】
执行文件还是 npm run start
在网页中搜索(或者IP地址)localhost:3000/api/v1/m?xxx=xxx