博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
nuxt跨域
阅读量:7253 次
发布时间:2019-06-29

本文共 856 字,大约阅读时间需要 2 分钟。

根据nuxt官方文档提供的axios module

安装:

npm install @nuxtjs/axios @nuxtjs/proxy --save

 

nuxt.config.js

modules: [    '@nuxtjs/axios','@nuxtjs/proxy'  ],  axios: {      proxy: true, // 表示开启代理      prefix: '/api/channel', // 表示给请求url加个前缀 /api      credentials: true // 表示跨域请求时是否需要使用凭证  },  proxy: {    '/api': {      target: 'http://47.94.142.215:8082', // 目标接口域名      changeOrigin: true, // 表示是否跨域      pathRewrite: {        '^/api': '/', // 把 /api 替换成 /      }    }  },  build: {    transpile: [/^element-ui/],    /*    ** You can extend webpack config here    */    extend(config, ctx) {    },    vendor: ['axios'] //为防止重复打包  }

主要是增加了这四处

 

 index.vue

mounted () {    this.$axios.post('/admin/query/list')      .then(res => {        console.log(res)      })      .catch(e => {        console.log(e)      })  }

 

转载于:https://www.cnblogs.com/wang715100018066/p/10655457.html

你可能感兴趣的文章
【跃迁之路】【448天】刻意练习系列207(2018.04.29)
查看>>
PHP 规范之编程规范
查看>>
基于go搭建微服务实践教程 (概览)
查看>>
代码规范之eslint+prettier实践
查看>>
【技术系列】浅谈GPU虚拟化技术(第一章)
查看>>
一个express老系统csrf漏洞修复
查看>>
【提高系列】webpack相关知识
查看>>
函数防抖Debounce和函数节流Throttle
查看>>
PHP7.0 Window10 Redis安装教程
查看>>
post请求与get请求的差别
查看>>
来聊一聊Cookie(小甜饼),及其涉及到的web安全吧
查看>>
Bash Cookbook 学习笔记 【高级】
查看>>
【364天】跃迁之路——程序员高效学习方法论探索系列(实验阶段122-2018.02.04)...
查看>>
React16.2的fiber架构
查看>>
阿里云容器服务新增支持Kubernetes编排系统,性能重大提升
查看>>
[Spring boot] Spring boot + JPA 基本架构,完成CRUD
查看>>
【全栈项目上线(vue+node+mongodb)】06.nodejs服务上线(生产环境前后分离的vue项目中怎么解决跨域问题)...
查看>>
【288天】每日项目总结系列026(2017.11.20)
查看>>
git代码回滚的几种方式
查看>>
vue.js组件学习(上)
查看>>