Vue部署到云服务器时,访问Nginx代理出现We're sorry but books doesn't work properly without JavaScript enabled. Please enable it to continue.
2024-09-14 15:13:17
出现这个的原因,我这边的是Nginx的问题,因为没有匹配到静态文件的原因
第一个location是始终将访问的url请求定向到 index.html这个主页面
第二个location块是将index.html使用的js,css,font页面定向到包含的目录
切记:vue项目的vue-cli配置的属性需要更改下,更改为如下图即可
然后启动nginx,访问即可。。。我这个vue项目的文件是打包之后的,使用vue-cli的话,vue-cli-service build会出现一个dist目录,放到nginx的html目录即可;放哪都行,前提是nginx能找到位置
其他:如果在本地访问会出现js,css这些请求会404,因为肯定会找不到的。vue-router;访问的html页面和静态文件都需要配置哦,参考上面的Nginx配置方式
最新文章
- 在Android开发中如何判读当前设备是否连接网络
- ASP.NET Web API 特性
- default(T)的含义
- uva 1344
- VS2012安装英文的语言包后,调试的时候提示Unknown error:0x80040d10
- Java算法实例集合
- [记录]Shell中的getopts和getopt用法
- Android设置View抖动动画
- Java相关面试题总结
- EXCEL查找函数之VLOOKUP,LOOKUP,HLOOKUP
- 学习Vue 入门到实战——学习笔记(二)
- AangularJS过滤器详解
- Spring Cloud(Dalston.SR5)--Eureka 服务消费
- Unity3D教程宝典之Shader篇
- SD从零开始45-46
- [转帖]第二个显示屏上禁用Windows任务栏
- JavaScript-Tool:Moment.js
- 详解JMeter正则表达式
- 【Android】3.17 示例17--周边雷达功能
- JDBC的批量插入操作
热门文章
- 详细了解 synchronized 锁升级过程
- Mysql基础语法-建库-建表(增、删、改、查、表关联及子查询)
- Angular + Github action + Nginx 部署
- laravel 和 tp的区别
- Laravel自定义错误提示,自定义异常类提示,自定义错误返回信息,自定义错误页面
- mysql更改my.ini配置文件以后mysql服务无法启动
- Kubernetes:服务与负载均衡
- Django基础三之路由、视图、模板
- Spring系列25:Spring AOP 切点详解
- LOJ6485题解