小编Osc*_*Dev的帖子

晚安

我正在尝试使用Vuetify和Laravel进行服务器端分页。

但是Vuetify提供的方法对我而言无法正确执行。我有一个完整的页面，希望通过Vuetify组件来实现。

我将我的代码附加到简单的引导程序中。

  <ul class="pagination">
      <li class="page-item" v-if="pagination.current_page > 1">
          <v-btn flat icon color="red lighten-2">
            <v-icon  @click.prevent="changePage(pagination.current_page - 1, search)">thumb_down</v-icon>
          </v-btn>
      </li>
      <li class="page-item" v-for="page in pagesNumber" :key="page" :class="[page == isActived ? 'active' : '']">
            <v-btn fab dark color="indigo" @click.prevent="changePage(page, search)" v-text="page">
            </v-btn>
      </li>
      <li class="page-item" v-if="pagination.current_page < pagination.last_page">             
          <v-btn flat icon color="red lighten-2">
            <v-icon  @click.prevent="changePage(pagination.current_page + 1, search)">thumb_down</v-icon>
          </v-btn>
      </li>
  </ul>  

页面到服务器的方法：

    methods:{
            get(page, search){
              let url = `http://127.0.0.1:8000/api/articles?page=${page}&search=${search}`;
              axios.get(url)
                  .then( response => {

                  let res = response.data …

我正在使用 Axios 和 Redux 使用 Firebase Auth REST API 和 React Native。

我有一个使用电子邮件和密码登录的操作，这是我的代码：

export function signIn(data){
    const request = axios({
        method:'POST',
        url:SIGNIN, 
        data:{
            email: data.email,
            password: data.password,
            returnSecureToken:true 
        },
        headers:{
            "Content-Type":"application/json"
        }
        }).then(response => {
            return response.data
        }).catch( e => {
            console.log(e)
            return false
        });

    return {
        type: SIGN_IN_USER,
        payload: request
    }
}

如果我正确插入带有电子邮件和密码的凭据，一切都很好。

但是，如果我插入一封有错误的电子邮件，我希望得到文档中示例所示的答案：

EMAIL_NOT_FOUND：没有与此标识符对应的用户记录。该用户可能已被删除。

INVALID_PASSWORD：密码无效或用户没有密码。

USER_DISABLED：用户帐户已被管理员禁用。

但如果我产生一些错误，我只会收到这个答案：

错误：请求失败，状态码为 400

与文档中指出的答案完全不同。

有人可以帮助我吗？谢谢！！

你知道我如何使用 VUE 处理下一个 JSON 吗？我不明白该怎么做，因为它有 von V-FOR 无法访问的密钥：

[\n    {\n        "Lavander\xc3\xada": {\n            "id": 1,\n            "name": "Lavander\xc3\xada",\n            "img": "rinse.png",\n            "Servicios": [\n                {"model":"Sentra", "doors":4},\n                {"model":"Maxima", "doors":4},\n                {"model":"Skyline", "doors":2}\n            ]\n        },\n        "Tintorer\xc3\xada": {\n            "id": 2,\n            "name": "Tintorer\xc3\xada",\n            "img": "shirt-2.png",\n            "Servicios": [\n                {"model":"Sentra", "doors":4},\n                {"model":"Maxima", "doors":4},\n                {"model":"Skyline", "doors":2}\n            ]\n        },\n        "Planchado": {\n            "id": 3,\n            "name": "Planchado",\n            "img": "iron.png",\n            "Servicios": [\n                {"model":"Sentra", "doors":4},\n                {"model":"Maxima", "doors":4},\n                {"model":"Skyline", "doors":2}\n            ]\n        },\n          "Otros": {\n            "id": 4,\n            "name": "Otros",\n            "img": "wring.png",\n            "Servicios": [\n                {"model":"Sentra", "doors":4},\n                {"model":"Maxima", "doors":4},\n                {"model":"Skyline", …

我使用 Multer 最多上传 3 个图像到服务器，它工作正常，但是当我上传超过 3 个图像时，Multer 会告诉我错误，但无法向用户显示。

我正在研究调用控制器的路由，但在 Multer 文档中，它仅显示如何处理路由错误以及控制器操作。

路线：

router.post('/', upload.array('pictures', 3), 
    newProduct
);

处理 Multer 错误的文档代码：

const multer = require('multer')
const upload = multer().single('avatar')

app.post('/profile', function (req, res) {
  upload(req, res, function (err) {
    if (err instanceof multer.MulterError) {
      // A Multer error occurred when uploading.
    } else if (err) {
      // An unknown error occurred when uploading.
    }

    // Everything went fine.
  })
})

Multer 显示的错误响应：

在这种情况下，我如何做相同的文档但单独处理 Multer 错误？

谢谢。

在来自API的响应中，我得到了一个纯文本，其中包含换行符，方式如下：

“ plain_text”：“ INFORMACION DEL PRODUCTO：\ n \ nProducto：

使用Javascript在WEB页面上打印时（我正在使用VUE）如何使用这些换行符（\ n \ n）？

由于它仅传递文本而没有换行符。

我添加了有关如何使用VUE打印图像的信息，但是在检查器中是否出现了换行符。

我在我的 React 代码中使用了 useEffect，它一开始工作得很好，但是当通过输入 onChange 设置其新值时，使用名为“search”的 useState 编写一个搜索引擎，我的 useEffect 会再次自动执行，尽管它永远不会等待将我的 useState 更改为“搜索”，这是我的代码

const [search, setSearch] = useState("");

useEffect(() => {
  pages();
}, [limitPage, page, products]);

const pages = () => {
  // eslint-disable-next-line
  getProducts(limitPage, page, search);
  getXlsProducts(100000, 1);
  const totalPages = Math.ceil(totalDocs / limitPage);
  const links = [];
  for (let i = 1; i <= totalPages; i++) {
    links[i] = i;
  }
  setNumbers(links);

  setTotalDocs(products.products?.totalDocs);
  setTotalPages(products.products?.totalPages);
  setCurrentPage(products.products?.page);
  setNextPage(products.products?.hasNextPage);
  setPreviousPage(products.products?.hasPrevPage);
};

我需要使用调用 handleSearch() 函数的按钮来执行搜索，但是一旦输入自动发生更改，我的 useEffect 就会被执行：

<div>
  <input
    className="border-1 border-2 border-solid rounded …