vue hash和history打包

vue hash和history打包,第1张

hash模式打包比较简单,只需要将config下的assetsPublicPath改为'/'就可以了

history需要服务端的支持,否则在刷新的时候会404

首先找到config文件夹下的indexjs

    I-将路由模式修改为history模式

    II-将dev和build下的assetsPublicPath修改成/nginx配置的目录名称/,注意, 必须是'/'开头'/'结尾

    III-找到router的根文件,在mode属性下新增base属性,值与assetsPublicPath的值保持一致

    IV-找到indexhtml文件将资源引用路径改成以assetsPublicPath的值开头的形式引入,并增加meta标签,值同assetsPublicPath的值

    V-找到nginx目录下的conf文件夹,找到nginxconf,新增如下配置

    

步骤:
一、找到文件vueconfigjs,没有则自己创建一个

二、编写vueconfigjs的内容

三、修改路由方式,修改为hash,文件位置自己找,vuecli3中在routerts文件中

四、添加空路由

找到编译好的文件夹,如果作为独立项目,直接拷贝后放到Tomcat里即可,如果是放到另外一个项目中使用,则拷贝到其它项目中去

七、适配到EOS中使用
71、改变原EOS项目中的首页配置
在webapps\default\WEB-INF\webxml中配置

72、修改原EOS项目中的登录成功的跳转页,也是项目主页
在webapps\default\coframe\auth\indexjsp中配置


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/10887642.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-12
下一篇 2023-05-12

发表评论

登录后才能评论

评论列表(0条)

保存