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搭建自己的本地后台的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-28微服务架构中API版本控制的实践
- 2024-09-28AI给的和自己写的Python代码,都无法改变输入框的内容,替换也不行
- 2024-09-27Sentinel配置限流资料:新手入门教程
- 2024-09-27Sentinel配置限流资料详解
- 2024-09-27Sentinel限流资料:新手入门教程
- 2024-09-26Sentinel限流资料入门详解
- 2024-09-26Springboot框架资料:初学者入门教程
- 2024-09-26Springboot框架资料详解:新手入门教程
- 2024-09-26Springboot企业级开发资料:新手入门指南
- 2024-09-26SpringBoot企业级开发资料新手指南