Vue在外部配置打包文件夹名称和url地址前缀

url前缀为/test，即访问时：http://localhost:8080/test/index.html  ,8080可为Apache端口，也可为前端项目端口

保证4个统一：

1、public/config_build.js中ROUTE_PREFIX为“/test/”

2、public/index.html中引入config_build.js路径：<script src='/test/config_settings.js'></script> 

3、Apache/htdocs/test/：即htdocs中新建test文件夹，里面包含打包的各种js,css文件

4、Apache/htdocs/test/.htaccess：即test文件夹中新建的.htaccess内容中路径：  RewriteRule . /test/index.html [L]

比如导出文件夹名为test，url前缀为/test 。配置如下： 

在public中添加以下config_build.js文件 

config_build.js: 

module.exports = {

    //打包文件夹名
    OUTPUT_DIR: 'test',

    //浏览器url地址前缀
    ROUTE_PREFIX: '/test