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

2021/7/26 12:35:49

本文主要是介绍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内 

表示允许跨域



这篇关于express+node搭建自己的本地后台的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程