vue + node 前后端分离项目解决跨域问题

vue + node 前后端分离项目解决跨域问题

由于前端 和 后端 项目运行于不同端口，无法直接传递数据

后端

app.js
添加如下代码

var cors = require('cors')
app.use(cors())

其中 cors需要单独安装

npm install cors

前端

main.js
添加如下代码

import axios from 'axios'
// 配置请求根路径
axios.defaults.baseURL = 'http://localhost:3000'
// 将配置挂载
app.config.globalProperties.$http = axios

App.vue
请求页面

async onSubmit() {
	// 请求时直接请求相对路径
	let {data: res} = await this.$http.get('/')
	console.log(res)
}