vue前端部署

2018-07-03  本文已影响43人  偂缘

编译文件

yarn install  安装依赖模块
yarn run dev 开发模式运行
yarn run build 编译源码

编译结果

1 index.html 页面主入口
2 static 静态资源
两个文件都属于静态资源 直接放在任意服务器中即可访问,无需重启服务器;
更换版本时,只需要替换上面 两个文件即可

vue router history 模式(即URL去#)部署

tomcat服务器

需在 index.html 和 static 同级目录下建文件 路径

 WEB-INF/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>webapp</display-name>
  <description>
     webapp
  </description>
  <error-page>  
   <error-code>404</error-code>  
   <location>/index.html</location>  
</error-page>  
</web-app>[root@localhost WEB-INF]# 

其他类型服务器,请参考 https://router.vuejs.org/zh/guide/essentials/history-mode.html

上一篇下一篇

猜你喜欢

热点阅读