express跨域设置 express解决跨域问题

I .安装express库和生成器打开cmd并输入命令:yarn global add express-generator。说明:以上两个模块分别代表库和生成器。在express3中,安装express会自动为你安装generator express-generator,但是在express4中,它们是分开的,所以需要单独安装。安装后,您可以使用命令:...

I .安装express库和生成器

打开cmd并输入命令:yarn global add express-generator。

说明:以上两个模块分别代表库和生成器。在express3中,安装express会自动为你安装generator express-generator,但是在express4中,它们是分开的,所以需要单独安装。

安装后,您可以使用命令:express & # 8211版本检查安装是否成功。

当版本号出现时,安装成功(如下图所示)。

第二,express generator自动创建express项目。

输入命令:express nodejs(成功如下图所示)

成功目录后:

第三,跳转到package.json目录安装相关包。

命令:yarn或cnpm i或npm i

四。开始项目

命令:npm运行开始

打开浏览器,访问127.0.0.1:3000访问我们的项目。

动词 (verb的缩写)项目目录说明

Bin:存储可执行文件。

public:存放js、css、img等文件Public:存储js、css、img等文件。

路由器:存储路由文件。

视图:存储视图文件或模板文件。

App.js:启动文件(入口文件)

Package.json:存储项目和模块依赖关系的信息。在dependencies中添加了依赖模块后,运行npm install,npm会检查当前目录下的package.json,并自动安装所有指定的模块。

Node_modules:存储package.json中安装的模块,在package.json中添加依赖模块并安装时,存储在这个文件夹中。

参考链接:
***.cnblogs.com/shimily/art…

不及物动词在这个项目中如何发展?

首先,在routes中创建新的test.js文件。

var express = require('express');var router = express.Router();router.get('/', function (req, res, next) {res.send('我是接口返回值');});module.exports = router;***代码

然后在app.js中添加以下代码

var test router = require(‘。/routes/test ’);

app . use(‘/test ’,test router);

然后打开浏览器控制台,使用fetch请求我们刚刚编写的接口。

fetch('http:localhost:3000/test').then(res=>{ return res.text()}).then(res=>{ console.log(res)})***代码

我们发现有一个跨域的问题,是nodejs中没有添加跨域造成的。

将以下跨域代码添加到app.js中

//设置跨域访问(设置在所有的请求前面即可)app.all("*", function (req, res, next) {//设置允许跨域的域名,*代表允许任意域名跨域res.header("Access-Control-Allow-Origin", "*");//允许的header类型res.header("Access-Control-Allow-Headers", "content-type");//跨域允许的请求方式 res.header("Access-Control-Allow-Methods", "DELETE,PUT,POST,GET,OPTIONS");if (req.method == 'OPTIONS')res.sendStatus(200); //让options尝试请求快速结束elsenext();});***代码

然后重启项目,这样就可以正常访问了。

修改项目中的内容需要我们手动重启项目,有点麻烦。我们可以通过安装另一个插件来解决这个问题。

七、使用nodemon自动重启服务。

安装nodemon模块

命令:npm i nodemon -S

创建nodemon.json文件

在项目的根目录下创建:nodemon.json文件

{"restartable": "rs","ignore": [".git", ".svn", "node_modules/**/node_modules"],"verbose": true,"execMap": {"js": "node --harmony"},"watch": [],"env": {"NODE_ENV": "development"},"ext": "js json njk css js "}***代码使用nodemon模块

在package.json文件中,添加一行脚本代码

“dev & # 8221: “nodemon。/bin/*** ”

本文来自霜华投稿,不代表舒华文档立场,如若转载,请注明出处:https://www.chinashuhua.cn/24/475781.html

打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
() 0
上一篇 03-26
下一篇 03-26

相关推荐

  • 进入路由器设置页面 电脑进入路由器设置界面

    1。连接线将运营商的宽带网线连接到路由器的WAN口或WAN/LAN口。线路连接后,如果WAN口对应的指示灯不亮,说明线路连接有问题。请检查以确保网络电缆连接牢固,或者尝试更换另一根网络电缆。2。设置路由器上网(1)查看路由器底部标签上的路由器出厂监听信号名称。(2)打开定位器

    2023-07-29 08:52:01
    206 0
  • chrome更改语言设置 教你设置谷歌浏览器的语言

    Google Chrome是由Google开发的一款设计简单、高效的Web浏览工具。Google Chrome的特点是简洁、快速。GoogleChrome支持多标签浏览,每个标签页面都在独立的“沙箱”内运行,在提高安全性的同时,一个标签页面的崩溃也不会导致其他标签页面被关闭。此外,Google Chrome基于更强

    2023-07-29 08:32:01
    268 0
  • 高德地图怎么设置3d实景导航(高德地图怎么设置语音播报声音)

    【高德地图怎么设置3d实景导航】核心答案要点:高德地图设置3d实景导航需要在步行导航中进行设置。以手机华为p40为例,高德地图设置3d实景导航的步骤分为3步,具体操作如下: 高德地图设置3d实景导航需要在步行导航中进行设置。以手机华为p40为例,高德地图设置3d实景导航的步

    2023-07-29 07:37:01
    232 0
  • 凌派如何设置自动锁

    自动锁,也就是自动上锁凌厂没有自动锁定装置,所以没办法设置如果想有自动锁定装置,只能以后再装如果你想安装自动锁,你可以去4S商店或专业改装店S店会多花一点钱,但会比去年同期更靠谱自动锁定功能非常有用。本田凌派汽车原车不具备自动落锁的功能,需要到4S店加装才能实

    2023-07-29 03:56:01
    867 0

评论列表

联系我们

在线咨询: QQ交谈

邮件:admin@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信