nginx部署uniapp项目,history模式,打开页面空白,报错:Uncaught SyntaxError: Unexpected token ‘<‘

在使用nginx部署uni-app项目时,如果采用history模式,可能会遇到页面打开空白并报`Uncaught SyntaxError: Unexpected token '<'`的错误。这通常是由于配置错误导致。解决方法包括正确配置H5运行路径,理解路由模式的影响,参考相关文章,并在nginx配置文件中进行相应设置,确保正确指向打包后的h5目录。
摘要由CSDN通过智能技术生成

一、问题描述

nginx部署uniapp项目,history模式,打开页面空白,报错:Uncaught SyntaxError: Unexpected token ‘<’

这种方式基本上就是配置错了导致的。

二、解决方法

下面我就讲一下我的解决方法吧,步骤如下:

在这里插入图片描述

H5配置这里需要注意下,我这里选的是history,然后在运行路径哪里填了个路径,tk,后面会用到,他这里说明了,如果填的是./,默认就是hash模式,在路由模式哪里选择history,没有用,这两者打包出来之后,最明显的效果就是,hash打包出来的,点击index.html能直接打开显示,history打包出来的,点击index.html,显示不了。

关于路由模式,可以看下这篇文章:https://blog.csdn.net/mashangzhifu/article/details/118416768

然后点击发行

在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值