vue中axios跨域请求解决

最新推荐文章于 2024-08-02 00:06:36 发布

IF YOU～

最新推荐文章于 2024-08-02 00:06:36 发布

阅读量190

点赞数 1

分类专栏： vue 文章标签： vue跨域问题

本文链接：https://blog.csdn.net/weixin_43278947/article/details/90297373

版权

vue 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

vue中axios跨域请求解决
一，首先在文件中下载axios

cnpm install axios --save-dev

二、在main.js中引入及获取对象

import Vue from 'vue'
import App from './App'
import router from './router'
import Axios from 'axios'
 
Vue.prototype.$axios = Axios

三、在config里面的index.js文件里设置proxyTable

const path = require('path')
 
module.exports = {
  dev: {
 
    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
    	'/api': {
        target: 'http://api.douban.com/v2',//此处可以换成自己需要的地址
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
     }
    },

四、main.js里添加host
在这里插入图片描述
五、数据请求

    that.axios({
          method:'post',
          url:that.Host+'/sendSms',
          // url:api.sendSms,
          data: {mobile:mobile2},
          headers:headers(),
          cache:false
          }).then(function(res){
            console.log(res.data);
            Indicator.close();
            if(res.errcode == '1002'){
             that.$toast(res.errmsg);
            that.timingCode(); //倒计时

          }else{
            that.$toast(res.errmsg);
            that.codeState=true;
            that.codeState2=false;
          }
          }).catch(error => {
          
        });

注意：配置文件后，要重新启动哦！！！