vue项目跨域问题,解决方法等同于nginx

最新推荐文章于 2023-04-27 15:59:29 发布

北寂.

最新推荐文章于 2023-04-27 15:59:29 发布

阅读量1.1k

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_45059900/article/details/121637595

版权

时隔一个月，又遇到了跨域问题

//screenMap.vue

axios({
        method: "GET",
        url: "api/jhzhps-back/task/sta/statistics",
        // data: obj,
        headers: {
          login_token:
            "eyJ0eXiOiJV1QLCJhbGiJ9.eyJleHAiO",
        },
      }).then(function (res) {
            console.log(res)
      })

不能直接用接口，用api替代

//vue.config.js

module.exports = {
  lintOnSave: false,
  publicPath: "./",
  devServer: {
    // development server port 8000
    port: 8001,
    // If you want to turn on the proxy, please remove the mockjs /src/main.jsL11
    open: true,//项目启动时是否自动打开浏览器，我这里设置为false,不打开，true表示打开
    proxy:{
        '/api': {//代理api
            target: "http://zz.jsj.jnha.gov.cn/",//服务器api地址
            changeOrigin: true,//是否跨域
            // ws: true, // proxy websockets
            pathRewrite: {//重写路径
              "^/api": ''
            }
        }
    }
  },

};