VUE前端请求跨域问题解决

解决方法：

vue.config.js文件配置：

module.exports = {

    devServer: {

        open: true,

        host: '192.168.1.193',

        port: 8080,

        https: false,

        //以上的ip和端口是我们本机的;下面为需要跨域的

        proxy: { //配置跨域

            '/api': {

                target: 'http://api.tp6.com:6110',

                changeOrigin: true,

                ws: true,

                pathRewrite: {'^/api': '/api'}

            }

        }

    },

    runtimeCompiler: true

}

axios配置：

    //2.1 请求拦截的作用

    instance.interceptors.request.use(config => {

            config.headers['Content-Type'] = 'application/json;charset=utf-8';

            let user = localStorage.getItem("uId")?JSON.parse(localStorage.getItem("uId")):null

            if (user) {

                config.headers['token'] = localStorage.getItem("token") // 让每个请求携带自定义token 请根据实际情况自行修改

            }

            return config;

    }, err => { })

axios具体的请求

import { request } from "./request"

export function getUserData() {

    return request({

        url: 'user/index'

    })

}

巴特西

VUE前端请求跨域问题解决

最新文章

热门文章