首页 > 系统相关 >nginx部署vue项目显示空白页

nginx部署vue项目显示空白页

时间:2023-05-10 10:33:36浏览次数:48  
标签:vue script 部署 module 空白页 nginx

报错提示: index-fbb90c85.js:1 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/plain".

原因: nginx使用容器部署, nginx.conf文件指定引用mime类型文件.

解决方法:

1. 添加 include /etc/nginx/mim.types;

2.重启nginx即可

nginx -t

nginx -s reload

标签:vue,script,部署,module,空白页,nginx
From: https://www.cnblogs.com/zhaolongisme/p/17387222.html

相关文章

  • Vue-Router
    @目录作用教程null使用流程引入组件定义路由实例挂载路由渲染位置启动<imgsrc=""style="zoom:50%"/>作用教程单个页面路由:https://cn.vuejs.org/guide/scaling-up/routing.html#client-side-vs-server-side-routing多个页面:复杂组合视频教程:B站Allen前端使用流程引入......
  • Kubernetes 使用 Ingress-nginx 实现灰度发布功能
    推荐阅读Helm3(K8S资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506Helm3(K8S资源对象管理工具)博客专栏:https://blog.csdn.net/xzk9381/category_10895812.html本文原文链接:https://blog.csdn.net/xzk9381/article/details/109570832,转载请注明出处。如有发现文......
  • vue国际化(多语言)
      方法1:用js-cookie包并且挂载在main.js上1、安装vue-i18n+js-cookie插件npminstallvue-i18n-Snpminstalljs-cookie--save2、去检查一下你安装的i18n版本是不是8.26.53、在main.js中引入4、在src上建立文件夹5、给创建的中文和英文添加语言注......
  • 使用vue的keep-alive缓存组件,三级菜单组件无法缓存问题解决
    使用vue做后台管理系统,需求是所有的菜单打开之后,下次点击的时候的使用缓存,这里很简单的做法就是用来包裹住;但是一级菜单和二级菜单都没有问题,三级菜单就会出现无法缓存的问题,网上找资料说是vue中keep-alive本身存在的缺陷,需要在路由守卫中将matched属性做一下优化,具体如下//......
  • Nginx+uwsgi+django 搭建web服务器
    1、下载安装相关软件centos环境下安装:安装组件:yumgroupinstall"Developmenttools"yuminstallzlib-develbzip2-develpcre-developenssl-develncurses-develsqlite-develreadline-develtk-devel 安装python:cd~wgethttps://pypi.python.org/packages/source/d......
  • centos7设置nginx开机自启
    3、配置nginx开机启动切换到/lib/systemd/system/目录,创建nginx.service文件vimnginx.service#cd/lib/systemd/system/#vimnginx.service文件内容如下:[Unit]Description=nginxAfter=network.target[Service]Type=forkingExecStart=/usr/local/nginx/sbin/ngin......
  • vue2+vant2+rem+axios+钉钉自动登录 h5模板
    下载代码请轻轻的点一下这里~Node版本要求VueCLI需要Node.js8.9或更高版本(推荐8.11.0+)。你可以使用nvm或nvm-windows在同一台电脑中管理多个Node版本。本示例Node.js14.17.0启动项目npminstallnpmrundev打包项目打测试包会带vconsole控制台对......
  • vue sort 排序方法
    1、数据排序vararry=[9,5,6,7,5,6,3,1,0]arry.sort()//[0,1,3,5,5,6,6,7,9] 2、对象排序varlist=[{name:'张三',age:12},{name:'李四','age:23}];list.sort((a,b)=>{returna.age-b.age});//[{name:'李四','ag......
  • Vue路由跳转时的动画效果
    1.写一个layout组件,降<router-view/>包裹在transition标签里,实现路由跳转时的动画 2.在router/index.js里面引入该组件,并放在component:layout这里,功能完成 3.transition是vue的封装组件,具体可参考官网 https://cn.vuejs.org/guide/built-ins/transition.html#css-based-......
  • Nginx实现只允许某个特定网址跳转过来的访问请求
    可以通过Nginx的ngx_http_referer_module模块来实现。ngx_http_referer_module模块可以检查HTTP请求头中的Referer字段,该字段指示了请求是从哪个URL跳转而来的。您可以配置Nginx,使其仅允许从特定网址跳转过来的请求通过,而拒绝来自其他网址的请求。以下是一个简单......