1.跨域与express

发布于 2022年 02月 08日 15:21

安装

npm install express -d

使用

这个是express.js里面的代码
let express = require('express');  // 引入服务框架
let app = express() // 让他执行
app.get('/user',function(req,res){ // 可以get/post请求
  // req是请求的信息 
  // res是相应回去的信息
  res.json({name:'zzf'}) // 响应体里设定一个json格式字符串
})
app.listen(8000,function(){ // 启动localhost:8000/user就可以访问这个数据
  console.log('8000端口号服务已经启动');
})
这个是webpack里面的配置
  devServer: {
    port: 7777,
    open: true,
    contentBase: 'static',
    hot: true,
    proxy:{ // 启动代理
      '/api':{ 
        target:'http://localhost:8000', // 目标路径,
        secure: false, // true就是https false就是http
        pathRewrite:{'^/api':''}, // 路径重写
        // changeOrigin:true, // 是否把请求的基础路径改成服务器地址 =>有的时候服务器会多识别这一项
        // changeOrigin // 也是会把请求头里的路径更改,就是req的数据
      }
    }
  },

这种是不需要后台配合,直接返回指定数据

 devServer: {
    port: 7777,
    open: true,
    contentBase: 'static',
    hot: true,
    before:function(app,server){ // // //before是在请求之前,就直接处理返回一个数据,不用后端配合
      app.get('/api/user',function(app,res){ // app部分就是自动识别端口号,自己按照我们传入的路径传入,不会产生跨域
        res.json({custom:'111'}) // 这个就是自动返回json格式的字符串了
      })
    }
  },

右键Run code 页面访问 http://localhost:8000/user 就可以访问这个数据

跨域: 本地服务(devServer)启动为7777 服务器是8000 需要在webpack.config.js里面的devServer里做代理修改

推荐文章