vue axios解决跨域

阳光穿透心脏的1/2处 2021-07-24 12:46 498阅读 0赞

axios解决跨域
    	
    		1、在config中的index.js文件中
    		将proxyTable后的内容修改为:
    
    		    proxyTable: {
    		      '/local_api':{
    		          target: 'http://localhost:3000',
    		          pathRewrite: {
    		                 '^/local_api': '/',
    		                 
    		          },
    		          changeOrigin: true
    		       },
    		 },
    		其中'/local_api' 可以自己定义'/任意'
    
    		2、网络请求的地址就变成
    			http://localhost:3000/news -> /local_api/news
    		
    		3、重启项目

代码示例:  
index.js

proxyTable: { 
          '/local_api':{ 
              target: 'http://localhost:3000',
              pathRewrite: { 
                     '^/local_api': '/',
                     
              },
              changeOrigin: true
           },
        },

组件中的网络请求:

<template>
    	
    	<div>
    		
    	</div>
    </template>
    
    <script>
    import qs from 'qs'
    
    export default{ 
    	name:'d',
    	data()
    	{ 
    		return{ 
    
    		}
    	},
    	mounted()
    	{ 	
    
    		this.$axios.get("/local_api/news")
    		.then(res=>{ 
    			console.log(res.data);
    		})
    		.catch(err=>{ 
    			console.log(err)
    		})
    		
    		//这里未用qs处理post的参数,是因为在main.js中拦截器里处理了
    		this.$axios.post('/local_api/movie',{ id:2}).then(res=>console.log(res.data)).catch(err=>console.log(err))
    	}
    
    
    }
    </script>
    <style lang="css">
    </style>

发表评论取消回复

表情：

评论列表（有 0 条评论，498人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue2 axios跨域解决方法和nodejs+express跨域

方法一 1.在vue.config.js文件中配置 module.exports = { devServer: { proxy: {

ゝ一世哀愁。/ 2023年10月09日 14:07/ 0 赞/ 39 阅读

相关 vue2.0解决axios的跨域问题

两步解决axios跨域问题第一步在config/index.js找到proxyTable(没有的话添加改配置)添加如下内容 proxyTable: {

以你之姓@/ 2023年01月12日 14:56/ 0 赞/ 309 阅读

相关 VUE之axios解决跨域方案

跨域示例 ![在这里插入图片描述][20200807172647824.png] Access to XMLHttpRequest at ‘xxxx’ from or

古城微笑少年丶/ 2022年11月25日 10:05/ 0 赞/ 207 阅读

相关【VUE axios】axios跨域方式

1、配置config下的index.js proxyTable: { '/apis': { target: '

爱被打了一巴掌/ 2022年05月19日 06:55/ 0 赞/ 323 阅读

相关 vue-cli使用axios配置跨域

axios.js配置 import axios from 'axios'; import qs from "qs"; axios.defaults.t

àì夳堔傛蜴生んèń/ 2022年04月23日 06:44/ 0 赞/ 233 阅读

相关 vue+axios 配置反向代理解决跨域问题

首先配置config下的index.js dev: { // Paths assetsSubDirectory: 'static',

叁歲伎倆/ 2022年04月12日 04:37/ 0 赞/ 413 阅读

相关 Vue使用axios、解决axios跨域

axios [axios文档][axios] > axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端从浏览器中创建 XML

骑猪看日落/ 2022年03月06日 10:38/ 0 赞/ 636 阅读

相关 vue axios + Java 跨域

1.在 vue main.js 的里面 import axios from 'axios'//引入axios,来发送请求 Vue.prototype.axios

女爷i/ 2022年01月22日 00:45/ 0 赞/ 314 阅读

相关 Vue-cli3之axios跨域问题解决方案（客户端跨域）

最权威的配置参考官方文档：[https://cli.vuejs.org/zh/config/][https_cli.vuejs.org_zh_config] vue.

浅浅的花香味﹌/ 2021年09月17日 18:38/ 0 赞/ 370 阅读

相关 vue axios解决跨域

axios解决跨域 1、在config中的index.js文件中将proxyTable后的内容修改为:

阳光穿透心脏的1/2处/ 2021年07月24日 12:46/ 0 赞/ 499 阅读