一开始查找了vue使用axios跨域的问题如何解决,但是electron-vue中没有config文件夹,后来查找了electron-vue的axios跨域问题
在.electron-vue文件夹下dev-runner.js中修改如下代码
const server = new WebpackDevServer(
compiler,
{
contentBase: path.join(__dirname, '../'),
quiet: true,
proxy: {
'/httpUrl': {
// 请求的目标服务器地址
target: '指向你的服务器地址',
// 设置允许跨域
changeOrigin: true,
// 重写路径
pathRewrite: {
'^/httpUrl': ''
},
headers: {
referer: ''
}
}
},
before (app, ctx) {
app.use(hotMiddleware)
ctx.middleware.waitUntilValid(() => {
resolve()
})
}
}
)
这个时候已经可以跨域访问服务器
this.$http.get('/httpUrl', {
params: { // 参数
m: 'prod',
a: 'list'
}
}).then(res => { // 请求成功后的处理函数
this.isLoading = false
this.items = res.data.data
console.log(this.items)
}).catch(err => { // 请求失败后的处理函数
console.log(err)
})