vue打包后的是一些什么文件,

　　主要介绍Vue对打包文件夹名和url地址前缀的外部配置，通过示例代码介绍的非常详细，对大家的学习或者工作有一定的参考价值。有需要的朋友就跟着下面的边肖学习吧。

　　公开添加以下两个js文件

　　配置_构建. js:

　　模块.导出={

　　//包文件夹名称

　　OUTPUT_DIR:“测试”，

　　//浏览器url地址前缀。config_settings.js中的ROUTE_PREFIX需要同步更改。

　　ROUTE _ PREFIX:“/test/”

　　}

　　vue.config.js:

　　const config_build=require(。/public/config _ build’)

　　模块.导出={

　　公共路径：配置_构建。路由前缀，

　　输出目录：config_build。输出目录，

　　}

　　config_settings.js

　　window.config_settings={

　　//浏览器url地址前缀。config_build.js中的ROUTE_PREFIX需要同步更改。

　　ROUTE _ PREFIX:“/test/”，

　　}

　　注意：在打包npm run build之前，您需要配置上述文件以使打包的内容生效。

　　1.要配置浏览器地址前缀，需要修改config_build.js中的ROUTE_PREFIX和config_settings中的ROUTE_PREFIX，这两个值需要保持不变。

　　3358 localhost:8080 then ROUTE _ PREFIX:“”或ROUTE _ PREFIX:“/”3358 localhost:8080/test then ROUTE _ PREFIX:“/test/a”2

　　3.如果打包的项目放在Apache中，一定要添加。htaccess文件来防止404错误被刷新。参考：

　　Vue.js项目在apache服务器中的部署

　　vue路由的URL有两种模式，一种是hash，一种是history。历史模式更好，这种模式充分利用了history.pushState API来完成URL跳转，无需重新加载页面。使用hisory模式时，因为地址并不真正存在，所以在刷新时会报告404错误。

　　IfModule mod_rewrite.c

　　重写引擎开启

　　重写库/

　　重写者^index\.html$ - [L]

　　第二次重写% {请求文件名}！-f

　　第二次重写% {请求文件名}！-d

　　重写者。/index.html [L

　　/IfModule

　　其中，如果

　　3358本地主机：8080重写器。/index . html[L]3358 localhost:8080/test rewriterule。/test/index . html[L]3358 localhost:8080/test/Then a rewriterule。/test/a/index.html [l]就是这样。这篇关于Vue的打包文件夹名和url地址前缀的外部配置的文章在这里。关于Vue打包文件夹名称和url地址前缀的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。