问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

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

头像
pronull
    29149

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

    vue.jsnginx
    阅读 5.8k
    4 个回答
    得票最新
    头像
    pronull
      29149
      ✓ 已被采纳

      build后生成的dist里的内容
      clipboard.png

      下图是解决的图

      clipboard.png

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

      头像
      雷丘
        266311

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

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

        头像
        林水溶
          1.2k1918

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

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

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

          头像
          暮雨
            45853144

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

            撰写回答
            你尚未登录，登录后可以
            • 和开发者交流问题的细节
            • 关注并接收问题和回答的更新提醒
            • 参与内容的编辑和改进，让解决方法与时俱进
            推荐问题