vue如何从http://localuat-portal.scrm.sinopec.com/代理到https://uat-static.scrm.sinopec.com/
时间: 2024-10-13 16:02:57 浏览: 34
跨域文档.mdvue.config.js配置跨域vue.config.js配置跨域vue.config.js配置跨域
在Vue.js项目中,如果你需要通过本地代理访问HTTPS的外部API,你可以利用Vue提供的`axios`库或者在`vue.config.js`中设置跨域代理。这里我会展示如何在`vue.config.js`中配置:
```javascript
// vue.config.js
module.exports = {
devServer: {
proxy: {
'/api': { // 指定代理路径前缀
target: 'https://uat-static.scrm.sinopec.com', // 目标URL
changeOrigin: true, // 允许改变源地址,适用于跨域请求
secure: false, // 如果目标URL是HTTPS,这里设置为false以忽略证书验证,仅用于开发环境
pathRewrite: { // 重写请求路径,避免'/api'出现在最终请求URL中
'^/api': ''
}
}
},
port: 8080,
// ...其他配置项
},
// ...其它配置
}
```
然后在你的Vue组件中,可以直接使用`axios.get('/api/your-endpoint')`这样的方式访问外部API,它会被代理到正确的HTTPS地址。
阅读全文