当前位置:首页 > 技术教程 > 正文

Vue-代理解决跨域问题

vue代理:

使用vue时,经常遇到使用npm run serve后,与后端出现跨域问题,获取不到数据,其中一个解决方法,就是在前端,vue中开启代理proxy。

I saw it. to configure.js文件:

Vue-代理解决跨域问题 第1张

Vue-代理解决跨域问题 第2张

module

.exports = {

devServer

: {

proxy

: {

'/'

: {

target

:

'https://demo.com'

,

secure

:

true

,

changeOrigin

:

true

},

'/api/'

: {

target

:

'http://test.com'

,

// 接口路径ws

:

true

,

// 如果要代理websockets,配置该参数secure

:

false

,

// 如果接口为https,需要配置该参数changeOrigin

:

true

,

// 是否跨域pathRewrite

: {

// 改写接口请求地址,把/api改为/'^/api'

:

'/'

} } } } }

配置后,请求地址会出现对应的变化:

原本的配置请求:

Vue-代理解决跨域问题 第3张

axios.get(‘https://demo.com/v0/find‘) axios.get(‘http://test.com/v1/user/find‘)

配置后的配置请求:

axios.get(‘/v0/find‘) axios.get(‘/api/v1/user/find‘)

以上是关于“Vue-代理解决跨域问题”的相关介绍,如需购买云服务器,推荐使用西西云,独享IP,弹性灵活各种配置任您选配,最低只需要43/月,免费帮助配置环境,挂载磁盘等,协助处理简单问题,同时提供快速0元备案,让您快速运营,详情请咨询西西云。

产品选购地址:

https://www.kufanyun.com/server/buy.html

0