express跨域设置 express解决跨域问题
I .安装express库和生成器打开cmd并输入命令:yarn global add express-generator。说明:以上两个模块分别代表库和生成器。在express3中，安装express会自动为你安装generator
打开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中添加依赖模块并安装时，存储在这个文件夹中。
参考链接:
www.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/www ”
