Vue3配置axios实现跨域请求,有哪些详细步骤和技巧?
- 内容介绍
- 文章标签
- 相关推荐
本文共计208个文字,预计阅读时间需要1分钟。
实现跨域的三个步骤:
1.在vue3.0根目录下创建vue.config.js文件;
2.在vue.config.js中配置devServer下的proxy,设置代理规则;
3.使用代理配置,解决跨域问题。
示例代码:
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.使用代理配置,解决跨域问题。
示例代码:
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
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持易盾网络。

