vueRouter中的base 与vue.config.js中的publicPath的配置与使用

        vueRouter中的base  与vue.config.js中的publicPath的配置与使用

        vue与react项目，大多数是单页面应用，那么项目中如果想 使用nginx配置一个路径，都指向该服务，如何配置呢？

        单页面应用，首先nginx 配置，同一个ip 或域名下 的路径都可以访问到前端的index.html页面，具体配置可看nginx配置；

       比如配置 /router1/  都访问 www.xxx.com/router1/index.html

 publicPath的含义与影响范围：

       public影响的是打包结果中的资源前缀，打包完成后的dist目录中的index.html,其中的js，css资源，会自动添加一个publicPath的前缀路径；

        ’‘ 空字符串，打包后加载的是相对路径，www.xxx.com/router1/的时候，会加载 www.xxx.com/router1/a.js,

www.xxx.com/router1/path  会访问 www.xxx.com/router1/path/a.js

        '/router1' 横线，打包后加载的是绝对路径。www.xxx.com/router1/会访问 www.xxx.com/router1/a.js

        www.xxx.com/router1/path  依然访问 www.xxx.com/router1/a.js

VueRouter 的base路径:

        位置：vueRouter base的配置，添加 base的配置后，router各个路径会拼接上 base的配置。

        当运维配置了单页面的路径时，访问 www.xxx.com/router1/path ，如果没有配置则访问不到该页面，添加上该配置后，则会访问到该路径；