Vue尚未入门者,有错误烦请指正!
Vue-element-admin项目使用mock模拟数据,现在需要改为后端接口
1、将反向代理修改为后端接口地址
原使用mock模拟数据
devServer: {
port: port,
open: true,
overlay: {
warnings: false,
errors: true
},
before: require('./mock/mock-server.js')
}
修改后使用接口数据(本地ip地址)
devServer: {
port: 8010,
proxy: {
'api': {
target: 'http://localhost',
ws: true,
pathRewrite: {
'^/api': '/'
}
}
}
2、报错500,具体信息:http://localhost:8011/dev-api/vue-element-admin/user/login
后端接口暂时是没有设置servername,所以正常请求接口应该为:
http://localhost:8010/user/login
多了两部分:
1.dev-api
是env.development开发环境配置文件中VUE_APP_BASE_API的值,用于配置全局的需要请求的API地址
是在src/api/user.js中配置的user路由,将vue-element-admin修改或删除即可