服务器支持访问静态文件的几种方式：Spring、Tomcat、Vue

如何在搭建的服务器中添加一个静态文件，然后在浏览器中访问呢？

Spring-Thymeleaf：

前置条件，Spring-Thymeleaf项目已经搭建好了。

在static目录下新建abc.txt文件，如下图：

然后在浏览器中打开http://localhost:8201/abc.txt即可。

项目地址:https://gitee.com/tinytongtong/spring-thymeleaf

Tomcat：

前提条件，Tomcat服务搭建好了。

找到Tomcat的安装目录，将abc.txt文件赋值到webapps目录下，如图所示：

不过我们此时还是访问不了的，还需要增加一些配置。打开conf/server.xml文件，在Host结点下增加一行配置，最终效果如下：

<Host name="localhost"  appBase="webapps"
    unpackWARs="true" autoDeploy="true">

...
<!-- 访问webapps/abc.txt文件 -->
<Context path="/" docBase="/Users/user/Library/Tomcat/webapps/" reloadable="true" debug="0" crossContext="true"/>

</Host>

其中path表示相对路径，这我直接设置的"/"表示根目录；docBase表示资源的实际目录，你的静态资源，只要是这个目录下的，都可以通过path + 文件名访问。

设置好之后我们启动Tomcat服务，然后访问http://localhost:8080/abc.txt即可。

参考:

mac下Tomcat的安装，启动和关闭脚本配置，端口号更改

通过 Tomcat 配置 访问静态 资源 （图片文件等）

vue项目

在public目录新建test.json文件：

接着启动服务yarn serve --port 9527，在浏览器中输入http://localhost:9527/test.json即可看到。

项目地址:
tinytongtong/frontend-demo

参考: https://cn.vuejs.org/index.html