开发者社区 > 云原生 > Serverless > 正文

请问哪位大佬遇到过这种 用的nginx模板 然后配置前端vue项目 报这个错误 。

请问哪位大佬遇到过这种 用的nginx模板 然后配置前端vue项目 报这个错误 。

提问34.png

提问35.png

提问36.png

提问37.png

展开
收起
函数计算小白 2023-05-18 18:42:41 39785 1
4 条回答
写回答
取消 提交回答
  • 可能是因为你的 Nginx 服务器没有正确设置静态文件访问路径,所以在访问静态资源时报错。

    你可以尝试在 nginx.conf 文件中添加如下配置:

    server {
      # 设置监听端口号和访问域名
      listen 80;
      server_name example.com;
    
      # 设置静态资源访问路径
      location /static/ {
        alias /srv/http/static/;
      }
    
      # 配置代理访问Vue应用
      location / {
        proxy_pass http://localhost:8080;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      }
    }
    

    其中 location /static/ 部分配置了静态资源的访问路径,alias 后面的路径为实际静态文件存储的路径,需要替换成你实际的静态文件存储路径。

    location / 部分配置了代理访问 Vue 应用,其中 proxy_pass 后面的路径需要替换成你 Vue 应用访问的地址和端口号。

    修改完配置后,记得重启 Nginx 服务器使配置生效。

    2023-05-19 09:06:24
    赞同 1 展开评论 打赏
  • 值得去的地方都没有捷径

    根据你提供的信息,错误信息显示Nginx缺少mime.types文件,导致Nginx无法解析正确的Content-Type。可以尝试以下方法解决这个问题:

    确认mime.types文件是否存在于Nginx的配置目录中:/etc/nginx/mime.types,如果不存在,可以手动创建该文件。

    如果mime.types文件已经存在,可以尝试在Nginx配置文件中添加以下代码:

    include /etc/nginx/mime.types; 如果上述方法仍然无法解决问题,可以尝试更新Nginx的mime.types文件。可以使用以下命令获取最新版本的mime.types文件,并将其复制到Nginx配置目录中:

    curl https://svn.apache.org/repos/asf/httpd/httpd/trunk/docs/conf/mime.types -o /etc/nginx/mime.types 以上是几种可能有效解决该问题的方法。如果仍然无法解决问题,建议检查服务器上的其他配置项,如Nginx版本、端口号等。同时也可以查看相关日志以进一步分析问题。

    2023-05-19 08:31:37
    赞同 展开评论 打赏
  • 您参考一下这个示例里的配置哈。

    回答11.png

    此答案来自钉钉群“阿里函数计算官网客户"

    2023-05-19 08:31:08
    赞同 展开评论 打赏
  • 公众号:网络技术联盟站,InfoQ签约作者,阿里云社区签约作者,华为云 云享专家,BOSS直聘 创作王者,腾讯课堂创作领航员,博客+论坛:https://www.wljslmz.cn,工程师导航:https://www.wljslmz.com

    根据错误信息,似乎是缺少mime.types文件导致的。建议您检查一下您的部署包中是否包含了必要的文件,并且确保您的部署包中包含了mime.types文件。另外,您可以检查一下您的nginx.conf文件中是否正确引用了mime.types文件。

    2023-05-18 20:09:26
    赞同 展开评论 打赏

快速交付实现商业价值。

热门讨论

热门文章

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
利用编译将 Vue 组件转成 React 组件 立即下载
Vue.js在前端服务化上的实践与探索 立即下载