vue打包问题

问题一:路径中存在#

找到router.js 将模式设置为history

export default new Router({

mode: 'history'

})

问题二:build打包后刷新报404

虽然将模式改为hash可以解决404的问题,但是有#真的很丑,所以还是改用history吧 再加一个base:process.env.BASE_URL就可以解决啦

export default new Router({

//mode:'hash',

mode: 'history',

base: process.env.BASE_URL,

})

如果打包完放到tomcat后仍然存在404的问题,那有可能是web.xml配置有问题啦,试试下面的配置。

<?xml version="1.0" encoding="ISO-8859-1"?>

<web-app xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" version="3.0" metadata-complete="true">

  <display-name>Your Project Name</display-name>

  <description>

    Your Project Description

  </description>

  <error-page> 

  <error-code>404</error-code> 

  <location>/</location> 

  </error-page> 

</web-app>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容