解决Vue项目打包后dist中的index.html用浏览器无法直接打开的问题

1.github是不是不能部署带有接口项目的前台电商项目啊是不是得买服务器才能在线看啊静态的我会部署，但是这个电商项目带了接口，我想应该不可以就这样放上去的2.用npm run bulid打包后的index是不是不能直接打开。我百度了方法，都是让我改路径，但是他们都用webpack打包的，我这个是用npm init初始化的，并没有webpack下面的路径，所以我也改不了3.那要怎么把这个前台项

StrawberryF

7724人浏览 · 2022-07-11 14:45:04

StrawberryF · 2022-07-11 14:45:04 发布

背景：

我思考这些问题一天，最后决定不钻牛角尖了，特此记录。

解答：

1.是的

2.三种方案解决Vue项目打包后dist中的index.html用浏览器无法直接打开的问题 - 掘金

上面这个链接写的文章可以帮助我解答我的疑惑，也与我昨日找到的答案差不多：

（1）. 使用http-server创建一个服务器来访问资源；

（2）. 将index.html中资源引用的绝对路径改为相对路径；

（3）.还可以手写一个简单的node服务器。

打包后的文件夹要放在服务器的根目录才能打开，直接打开 index.html 文件将无法访问。

3.问了一两位前辈，说是面试一般问怎么实现的，怎么写的，比较少看你项目操作