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内
表示允许跨域