1:搭建测试服务器,只要能够提供api接口,后台用什么语言来写不重要,可以用自己熟悉的语言搭一个测试服务器。
2:在后台管理系统中调取登录接口,如果没有配置跨域处理,会报跨域的错误
3:进行跨域设置,使得vue项目可以跨域访问接口
proxyTable: {
'/api': {
target: 'http://xxxxxx.com', // 接口的域名
// secure: false, // 如果是https接口,需要配置这个参数
changeOrigin: true, // 如果接口跨域,需要进行这个参数配置
pathRewrite: { '^/api': '/' }
}
}
4:这样配置后,代理get请求没有问题,如果post请求有问题,就是用qs.stringify(params)对post参数处理下
导入:import qs from 'qs'
使用:qs.stringify(params)
5:跨域处理仅在开发环境有用,部署生产环境,则需要在nginx进行配置