vue 2.x部署到nginx,首页怎么变成了下载

Question

我吧dist生成的文件放到服务器上的/data/front目录下
也修改了nginx.conf配置,添加了
index index.vue
root /data/front
然后启动nginx,结果直接下载index.vue这个文件
有没有遇到问题的道友

Answer 1

build后生成的dist里的内容

下图是解决的图

好吧,这个问题最后自己解决了,原因在于nginx不识别index.vue,通过修改nginx.conf里添加index index.vue,从而让nginx识别index.vue ,但是这个时候确实识别成了未知类型的文件,所以要在mime.types里吧vue后缀添加进返回的文本类型,最终解决问题

Answer 2

index.vue是什么鬼，webpack打包后应该是index.html，浏览器又不识别vue文件，肯定下载了啊

你执行npm run build了没，会生成index.html

Answer 3

可能你生成的dist文件夹没问题。

再把nginx.conf里的
index ...改回来（index.html index.htm）

如果你不知道怎么部署Vue项目？好好看看这个

Answer 4

很好奇dist下的vue文件是怎样生成的