解决不同局域网下，前后端的联调问题

需要使用到内网穿透使用natapp使用说明看着两篇文章就够了1.natapp的使用_黄金龙666的博客-CSDN博客_natapp2.使用natapp实现内网穿透详细教程_小龙Hibernation的博客-CSDN博客_natapp教程拿到分配的域名之后前端使用vue需要注意一点在vue.config.js中allowedHosts: 'all', 这个属性一定要加上百度说是设置跳过 host 检

yibing0202

3050人浏览 · 2022-07-12 16:03:59

yibing0202 · 2022-07-12 16:03:59 发布

需要使用到内网穿透

使用natapp

使用说明看着两篇文章就够了

1.natapp的使用_黄金龙666的博客-CSDN博客_natapp

2.使用natapp实现内网穿透详细教程_小龙Hibernation的博客-CSDN博客_natapp教程

拿到分配的域名之后

前端使用vue需要注意一点

在vue.config.js中

allowedHosts: 'all', 这个属性一定要加上

百度说是设置跳过 host 检查

不然页面就会显示这样 Invalid Host header

vue.config.js文件


module.exports = {
  devServer: {
    allowedHosts: 'all',
    // 这个属性一定要加上
    port: 8080,
    proxy: {
      '/api': {
        target: 'http://qga72b.natappfree.cc',
                // 分配的地址，解决跨域
        changeOrigin: true,
        pathRewrite: {
          '/api':''
        }
      }
    }
  },
}

后端没啥注意的，按照上面两位大哥的教程走就没问题

亲测，可行！！！