vue.js - Node项目服务器与本地Vue项目接口联调失败的解决方法?

Question

node项目已经运行到了服务器上面了，且浏览器可以通过公网ip访问，但是在本地vue项目中通过接口不能实现联调,

  devServer: {
    proxy: {
      // 配置多个代理
      "/adminapi": {
        target: "http://xxx.xx.xxx.xxx:3000",
        changeOrigin: true,
      },
    },
  },

本地vue项目使用的是代理的方式解决跨域问题的

axios.post("/adminapi/user/login", loginParam).then((res) => {
        console.log(res.data);
        if (res.data.code === "200") {
          ElMessage({
            message: res.data.message,
            type: "success",
          });
          store.commit("changeUserInfo", res.data.data);
          store.commit("changeGetterRouter", false);
          // 跳转到首页
          router.push({
            path: "/index",
          });
        } else {
          ElMessage.error(res.data.message);
        }
      });

本地运行的vue项目可以实现接口联调

Answer 1

devServer配置只有在本地开发环境才有效，
页面部署后，生成环境，如果存在跨域，需要在服务端配置跨域头。

另外贴一个网上看到的devServer的配置

  devServer: {   
        proxy: {   
            '/api': {  
                target: "http://baidu.com",
                changOrigin: true,   //如果接口跨域这里就要这个参数配置
                pathRewrite: {
                }
    }  

Answer 2

意思是开发环境下的前端,调用后端api跨域吗