Vue3中如何详细解析配置axios实现跨域请求?
- 内容介绍
- 文章标签
- 相关推荐
本文共计208个文字,预计阅读时间需要1分钟。
实现跨域的基本步骤如下:
1.在vue3.0根目录下创建vue.config.js文件;
2.在vue.config.js中配置devServer的proxy属性;
3.设置代理规则,例如将'/api'代理到'https://you.163.com'。
代码示例:
javascriptmodule.exports={ devServer: { proxy: { '/api': { target: 'https://you.163.com', changeOrigin: true, ws: true, we: '代理' } } }}实现跨域共3个步骤:
1,vue3.0根目录下创建vue.config.js文件;
module.exports = { devServer: { proxy: { '/api': { target: 'you.163.com/', //接口域名 changeOrigin: true, //是否跨域 ws: true, //是否代理 websockets secure: true, //是否127.0.0.1:8081/', //接口域名 changeOrigin: true, //是否跨域 ws: true, //是否代理 websockets secure: true, //是否127.0.0.1:8081/api/testcase/@app.route('/api/testcase/')def alltestcase(): pass
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持易盾网络。
本文共计208个文字,预计阅读时间需要1分钟。
实现跨域的基本步骤如下:
1.在vue3.0根目录下创建vue.config.js文件;
2.在vue.config.js中配置devServer的proxy属性;
3.设置代理规则,例如将'/api'代理到'https://you.163.com'。
代码示例:
javascriptmodule.exports={ devServer: { proxy: { '/api': { target: 'https://you.163.com', changeOrigin: true, ws: true, we: '代理' } } }}实现跨域共3个步骤:
1,vue3.0根目录下创建vue.config.js文件;
module.exports = { devServer: { proxy: { '/api': { target: 'you.163.com/', //接口域名 changeOrigin: true, //是否跨域 ws: true, //是否代理 websockets secure: true, //是否127.0.0.1:8081/', //接口域名 changeOrigin: true, //是否跨域 ws: true, //是否代理 websockets secure: true, //是否127.0.0.1:8081/api/testcase/@app.route('/api/testcase/')def alltestcase(): pass
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持易盾网络。

