express+node搭建自己的本地后台

express:

js 文件:

npm install express --save 安装express

编写命令,引入express,

创建实例app

设置get 方法,路径,返回值。

listen监听端口号:

const express= require('express');
const app=express();
const port= 3000;
app.get('/ss',(req,res)=>{
    res.header("Access-Control-Allow-Origin", req.headers.origin || '*');
    res.send('Hello world');
})
app.listen(port,()=>{
    console.log(`listening on port ${port}`);
})

前端代码接口访问:

    this.$ajax.get('/ss').then(res=>{
      if(res.status==200){
        console.log(res.data);
      }
    })

vue.config文件配置跨域:

因为端口号不同,同源策略导致跨域。

module.exports = {
    lintOnSave: false, // eslint-loader 是否在保存的时候检查
    devServer:{
      proxy:{
        '/ss':{
          target: 'http://localhost:3000',//listen同
          changeOrign: true,
          pathRewrite:{
            '^/ss': '/ss'
          }
        }
      }
    }
  }

或者不配置vue.config.js文件

 res.header("Access-Control-Allow-Origin", req.headers.origin || '*');

加入到app.get内 

表示允许跨域

上一篇:小程序: 微信web开发者工具


下一篇:151. 翻转字符串里的单词