将项目通过tomcat放在服务器上

参考文档：www.cnblogs.com/ysocean/p/6…

1.将项目通过tomcat放在服务器上（apache-tomcat-9.0.46-windows-x64）;

a.服务器电脑下载jdk和tomcat,并在环境变量配置对应的环境,具体参考网上配置;

b.将项目打包好,一般默认的是dist,(这里我将dist文件夹内的内容拷贝),放到tomact安装文件夹下的webapps下新建个文件夹first-project,将拷贝的dist文件夹下的内容粘贴到first-project内

b.1. 我使用的vue-cli4项目,vue.config.js下的publicPath开发环境配置的是'./',生产环境配置是项目名(可以随便配置,但要和first-project一致)'first-project',(cli.vuejs.org/zh/config/#…)

b.2 使用的历史模式,根据启动环境判断,来动态设置路由下的mode,开发环境配置为"/",生产环境配置:/first-projec/;

c.处理vue-cli历史模式刷新后页面访问报404的问题:

c.1在first-project文件夹下新建WEB-INF文件夹,在文件夹中建立web.xml,并在里面加入出现404时重置到首页的代码 解决刷新页面报404的问题： blog.csdn.net/qq_41797950… （用下边这个放到web.xml里面）

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee/web-app_2_5.xsd"
         id="scplatform" version="2.5">
  <display-name>/</display-name>
  <error-page>
    <error-code>404</error-code>
    <location>/index.html</location>
  </error-page>
</web-app>