博客

uni-app vue axios跨域访问问题

为了解决这个axios跨域访问报错问题，查了很多资料，最终还是解决了，特此在这里记录下方法。

main.js

import axios from 'static/api/axios.min.js' //导入axios
axios.defaults.baseURL='/api'

Vue.config.productionTip = false

Vue.prototype.$axios = axios
Vue.prototype.$http = axios

pages.json所在位置同级目录下新建 vue.config.js内容如下，重新启动VUE服务

module.exports ={
  devServer: {    
    proxy: {
      '/api':{
        target: 'http://127.0.0.1:8090', //接口域名
        changeOrigin: true,             //是否跨域
        secure: false,                   //是否https接口
        pathRewrite: {                  //路径重置
          '^/api': ''
        }
      }
    }
  }
}

跨域访问示例

//this.cate=[{"id":10,"code":"001","name":"电脑类"},{"id":11,"code":"002","name":"手机类"}]

this.$http.get('app/category/list',{emulateJSON: true})
						.then(
						(response)=>{
						//-响应成功回调
							console.log(response.data)
							this.cate=response.data
						},
						(response)=>{
						//-响应错误回调
							console.log(response)
		});