配置vue.config.js

module.exports = {
  devServer: {
    // open: true, //是否自动弹出浏览器页面
    host: "0.0.0.0",
    port: '8080',
    https: false,
    hotOnly: false,
    proxy: {
      '/api': {
        target: 'http://服务器ip:5000', //API服务器的地址
        ws: true,  //代理websockets
        changeOrigin: true, // 虚拟的站点需要更管origin
        pathRewrite: {   //重写路径 比如'/api/aaa/ccc'重写为'/aaa/ccc'
          '^/api': ''
        }
      }
    },
  }
};

修改main.js

原来

import axios from 'axios'
axios.defaults.baseURL = 'http://服务器ip:5000/'
Vue.prototype.$http = axios
axios.defaults.withCredentials = true;  //允许axios请求携带cookie等凭证

替换为

import axios from 'axios'
axios.defaults.baseURL = '/api'
Vue.prototype.$http = axios
axios.defaults.withCredentials = true;  //允许axios请求携带cookie等凭证

可以看到成功代理
在这里插入图片描述
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐