部署到服务器上访问404的解决办法

1.开放服务器的端口

2.改变前后端的IP地址为服务器的IP地址

3.改变前后端的端口

4.在vue.config.js里添加了如下的代码

module.exports={
  outputDir: 'dist',   //build输出目录
  assetsDir: '', //静态资源目录（js, css, img）
  lintOnSave: false, //是否开启eslint
  publicPath: './',   //这个必须，引入静态资源需要从根路径引入，否则会找不到静态资源
​
​
};

5.在打包好的前端文件中新建一个WEB-INF的文件夹，在文件夹里添加了web.xml的文件，再用jar -cvf -xxx.war * 这个命令打包成war包，web.xml的内容如下:

<?xml version="1.0" ?>
<web-app>
    <error-page>
        <error-code>404
        </error-code>
        <location>/index.html</location>
    </error-page>
</web-app>

具体效果是在找不到页面的情况下，自动跳转到index.html。

6.以为是跨域问题，配置了服务器IP和端口号也不行。

7.看防火墙关没关。

8.用本机ping虚拟机，或者用虚拟机ping本机看能不能ping通。

我本机ping虚拟机ping不通，我觉得应该是这个的原因，但是我自己的问题还是没解决，发出来给大家做个参考吧。