vue-cli使用axios配置跨域

àì夳堔傛蜴生んèń 2022-04-23 06:44 229阅读 0赞

axios.js配置

import axios from 'axios';
    import qs from "qs";
    axios.defaults.timeout = 5000;
    axios.defaults.baseURL = 'http://192.168.1.114:5418/api';  //本地端口和地址
    axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';// 配置请求头
    axios.interceptors.request.use((config) => {
    //请求参数转成字符串
      config.data = qs.stringify(config.data, {
        allowDots: false //Option allowDots can be used to enable dot notation
      });
      return config;
    }, (error) => Promise.reject(error));
    export default axios;

配置文件config/index.js

const path = require('path')
    module.exports = {
    
    ...
    proxyTable: {
          '/api': {
            target: 'http://192.168.1.54:10086/v1',  //跨域访问的接口地址
            pathRewrite: {
              '^/api': ''
            }
          }
        },
    ...
    
    
    
    }

使用

import axios from './plugin/axios'
    axios.get('/public_activity/get_status?id=15')
        .then((response) => {
          console.log(response);
        })
        .catch((error) => {
          console.log(error);
        });

发表评论取消回复

表情：

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

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

相关阅读

相关 axios请求，跨域问题，设置跨域代理

生成一个vue项目之后，开始写请求，请求数据，渲染到前端界面，有时候直接请求服务器上的接口，会遇到跨域问题，遇到跨域的时候，需要设置跨域代理~ 1：进入新建的项目之中，使用n

今天药忘吃喽~/ 2022年12月22日 00:57/ 0 赞/ 297 阅读

相关 vuecli4中配置请求代理解决跨域

元气满满，直接干！开发项目时，给的测试接口需要跨域，这就非常难受！在vuecli中，可以通过配置请求代理，解决接口跨域问题。配置过程很简单。 1. 在根目录下添加 \

绝地灬酷狼/ 2022年09月02日 00:44/ 0 赞/ 289 阅读

相关前端之Vue使用axios跨域正确配置

组件代码 <script> export default { name: 'App', methods: { getData() { this.$http.get

小咪咪/ 2022年05月23日 09:18/ 0 赞/ 260 阅读

相关【VUE axios】axios跨域方式

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

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

相关 nuxt使用axios的跨域处理配置

npm i axios qs npm i @nuxtjs/axios @nuxtjs/proxy --save-dev plugins/axios.js

青旅半醒/ 2022年05月09日 09:38/ 0 赞/ 513 阅读

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

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

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

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

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

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

相关 vue axios + Java 跨域

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

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

相关 Vuecli3+express实现跨域

目录一，本地跨域二，线上跨域 -------------------- 一，本地跨域首先，本地服务器地址开放的是3000端口，云服务器上开发的是4

阳光穿透心脏的1/2处/ 2021年07月25日 17:22/ 0 赞/ 656 阅读

相关 axios proxyTable 跨域代理

本地的vue-cli搭建的环境 http://localhost:8088 需要访问测试服务器上的接口 https://product.willpayment.com...

灰太狼/ 2021年04月12日 15:28/ 0 赞/ 701 阅读