一次性弄清前端上线和生产环境地址

Tips:不知道小伙伴在前端开发的时候有没有这样的困惑

  1. 前端项目打包后,我打包过的静态资源是如何访问后端服务的?
  2. 访问后端服务的时候难道不存在跨域的问题吗?如何解决的?
  3. 假如我想自己简单修改下部署后的目录该如何去做?

其实不仅仅是你会有这样的疑惑,包括我在内刚接触前端的时候,由于没有后端的开发经验也会被这些问题所困扰,但是今天我们将一次性弄清楚这个问题,让我们前端的知识体系由点成线,由线成面~

一.明确问题


我们知道,我们平时在开发的时候一般都是使用proxy进行代理的,它的原理是:浏览器会先去访问本地的node服务器,然后node服务器再去代理到你要访问的后端api接口,但是我们可能平时没有node服务器的概念,因为node服务器在webpack中,我们一般是通过下面这种方式来设置

一次性弄清前端上线和生产环境地址_第1张图片

但是我们的项目上线后这种方式就不能用了,(因为Node是我们本地开发的环境,并没有办法在线上使用。)其实,我们一般会通过后端的Nginx代理来解决跨域的问题,但是你知道前端的生产地址配置是什么吗?如何通过Nginx访问后端接口呢?是直接配置的类似于http://www.xxxx.com/api/aaa这样的路径呢?还是直

你可能感兴趣的:(前端,javascript,ajax,node.js,vue.js,webpack)