vue 打包的dist ,放入 tomcat ,刷新 报404

将dist 里的内容 放入 ROOT,刷新报404.

解决办法:在ROOT 里新建 WEB-INF 文件夹,新建 web.xml ,内容如下:

 

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
version="3.1" metadata-complete="true">
<display-name>Router for Tomcat</display-name>
  <error-page>
  <error-code>404</error-code>
  <location>/index.html</location>
  </error-page>
</web-app>

 

 

 重启tomcat,再次刷新,不会再出现404。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue Taro 中实现下拉刷新的功能可以通过使用 Taro UI 提供的组件来实现。以下是一个简单的示例代码: 首先,安装 Taro UI: ```bash npm install taro-ui@next ``` 然后,在需要使用下拉刷新的页面中引入相关组件和样式: ```jsx import Taro, { useState, useEffect } from '@tarojs/taro'; import { View, ScrollView } from '@tarojs/components'; import { AtActivityIndicator } from 'taro-ui'; import 'taro-ui/dist/style/components/activity-indicator.scss'; ``` 接下来,在页面的 JSX 中设置 ScrollView 组件,并监听其滚动事件: ```jsx const MyPage = () => { const [isLoading, setIsLoading] = useState(false); const handleScrollToLower = () => { // 在这里进行下拉刷新操作 // 可以发送请求获取新的数据,并更新页面的数据状态 // 这里只是简单地设置一个加载中的状态,并延迟 2 秒进行模拟加载 setIsLoading(true); setTimeout(() => { setIsLoading(false); }, 2000); }; return ( <View> <ScrollView scrollY style={{ height: '100vh' }} lowerThreshold={100} onScrollToLower={handleScrollToLower} > {/* 页面内容 */} {/* 加载中的提示 */} {isLoading && ( <View style={{ textAlign: 'center', marginTop: '10px' }}> <AtActivityIndicator mode='center' /> </View> )} </ScrollView> </View> ); }; ``` 这是一个简单的下拉刷新示例,当用户滚动到页面底部时,会触发 handleScrollToLower 函数,在这个函数中可以进行下拉刷新操作。在示例中,我们只是简单地设置一个加载中的状态,并通过 setTimeout 模拟了一个异步加载的过程。 你可以根据自己的实际需求,在 handleScrollToLower 函数中发送网络请求获取新数据,并更新页面的数据状态,从而实现下拉刷新功能。 希望对你有帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值