访问后端https://localhost:5001/api/todoitems时报跨域的错误,通过下面步骤可解决。
第一步:在vue.config.js中添加如下代码。
proxy: {
'api': {
target: 'https://localhost:5001/api//',
changeOrigin: true,
// ws:false,
pathRewrite: {
'/api/': ''
}
}
},
添加后如下图。
第二步:修改.env.development中的VUE_APP_BASE_API的值为'//api///',如下代码。
VUE_APP_BASE_API = '//api///'
第三步:根据前两步修改user.js中的api,如下。
return request({
url: '/todoitems',
method: 'get',
data
})
经过试验发现第一步的target最后的斜杆和第二步中的斜杆的数目可随意设置,第三步中的url前面的斜杆数目为0或1个。