vue-cli使用axios配置跨域

àì夳堔傛蜴生んèń 2022-04-23 06:44 261阅读 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 条评论，261人围观）

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

相关阅读

相关 Vue axios跨域配置proxyTable404错误

配置的config/index.js proxyTable: { '/apia':{ target:'https://ap

偏执的太偏执、/ 2023年06月05日 11:21/ 0 赞/ 45 阅读

相关 Axios跨域实例

//创建axios实例 var instance = axios.create(\{ baseURL : "http://localhost:8080",

╰+攻爆jí腚メ/ 2023年06月01日 15:59/ 0 赞/ 37 阅读

相关解决Axios跨域问题（Axios跨域问题解决方案）

问题背景 Axios是不允许跨域访问的，别说跨域，跨端口都不行。例如某项目我本地vue前端frontEnd为`localhost:8889`，Java后台 backEnd

以你之姓@/ 2023年02月25日 08:38/ 0 赞/ 66 阅读

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

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

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

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

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

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

相关【VUE axios】axios跨域方式

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

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

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

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

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

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

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

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

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

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

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

相关 Vuecli3+express实现跨域

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

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