vuecli 脚手架中解决跨域问题

213 阅读1分钟

1. 在vue.config.js中配置如下内容

image.png ❗配置完之后一定要重新启动项目:npm run serve

2. 服务端文件server.js代码如下:

let http = require('http')
http.createServer((req,res)=>{
    /* 这句话是允许跨域用的 */
    // res.setHeader('Access-Control-Allow-Origin','*')
    /* 下面是后端返回的结果 */
    res.end('success······')
    /* 3000是端口 */
}).listen(3000,function(){
    console.log('server start...')
})

在当前目录下启动服务使用命令:node server.js
终止服务:ctrl+c
如果node.js 文件修改了,需要重新启动,就先ctrl+c,再node server.js

3.

image.png