怎么访问vue项目根目录的网站？

Question

问题描述

我在本地用wepack搭建一个vue的项目，我发现如果通过8080端口去访问静态资源的话，只能访问vue项目下static文件的内容。

问题出现的环境背景及自己尝试过哪些方法

一个月前，我在公司也搭建了一个vue的项目，并且在根目录放了一个test.txt,通过http://localhost:8080/test.txt可以访问，为什么现在搭建的vue项目不能直接访问http://localhost:8080/test.txt访问vue项目根目录下的test.txt?

你期待的结果是什么？实际看到的错误信息又是什么？

我想通知http://localhost:8080/a/b的形式去访问我的文件，出现这种问题是不是跟版本有关的，我用的都是最新的版本，并且vue都是没有安装过router,我重新安装一个vue项目也是这样。

Answer 1

原理上，static 目录应该是webpack帮你在构建的时候复制的的，所以可以直接访问，其他文件如果不在static下，需要在webpack构建后，手动复制到构建生成的目标目录下，当然你也可以通过修改webpack脚本来帮你复制。

至于为什么你一个月前可以，一个月后不行，可能是两个项目的脚本发生了一些变化，你可以比较一下两个项目的目录，看看差异在哪里，也顺便掌握如何修改构建脚本。