2023年11月28日发(作者：)

dist⽂件部署到服务器,npmrunbuild之后⽣成的dist如何扔到服

务器运⾏（np。。。

运⾏npm run build之后，会⽣成⼀个dist⽂件夹，⾥⾯的⽬录结构⼤概是这样的：

⽣成完的⽂件我们怎么来运⾏呢？直接在本地打开是⽆法运⾏的，打包的时候有提⽰：

构建⽂件应该通过HTTP服务器提供服务。

所以我们要启动⼀个HTTP服务器才能够运⾏。选择⼀个HTTP服务器，下⾯⽤Apache Tomcat和Nginx为例，分别运⾏⼀下。

⼀、Apche Tomcat

1、下载Apche Tomcat

2、解压下载的Apche Tomcat

3、启动Apche Tomcat

打开解压后的⽂件，，进到bin⽬录，点击运⾏，等待启动成功

可以看到服务器已经启动了

5、将dist内的⽂件丢到服务器内

报错的原因是找不到静态资源，也就是打包路径配错了。⽐如其中⼀个⽂件，访问的地址是：

和Tomcat⼀个原理，启动Nginx服务器，将dist⽂件丢到服务器⾥，运⾏访问

}

# location / {