Dva: ब्राउज़र इतिहास का उपयोग करते समय ताज़ा नहीं किया जा सकता

उपकरण को रोडहोग द्वारा बदल दिया गया था।

@sorrycc
डीवा-क्ली के नवीनतम संस्करण के साथ मैंने जो प्रोजेक्ट बनाया है वह रोडहोग है, लेकिन इसमें अभी भी यह समस्या है।

रोडहोग ने विशेष रूप से इससे निपटा है। सिद्धांत रूप में, ऐसी कोई समस्या नहीं होगी। इसे देखने के लिए package.json पोस्ट करें?

@sorrycc
{
"निजी": सच है,
"स्क्रिप्ट": {
"प्रारंभ": "रोडहोग सर्वर",
"बिल्ड": "रोडहोग बिल्ड",
"लिंट": "एस्लिन्ट --ext .js src test",
"प्रीकमिट": "एनपीएम रन लिंट"
},
"इंजन": {
"इंस्टॉल-नोड": "6.9.2"
},
"निर्भरता": {
"animate.css": "^3.5.2",
"एंटीडी-मोबाइल": "^0.9.14",
"बेबेल-रनटाइम": "^6.9.2",
"डीवीए": "^ 1.2.1",
"पल": "नवीनतम",
"पथ-से-regexp": "नवीनतम",
"क्यूएस": "नवीनतम",
"आरसी-फॉर्म": "^1.3.0",
"प्रतिक्रिया": "^15.4.0",
"रिएक्शन-डोम": "^15.4.0",
"वीक्सिन-जेएस-एसडीके": "^ 1.2.0"
},
"देव निर्भरता": {
"बेबेल-एस्लिंट": "^7.1.1",
"बेबेल-प्लगइन-डीवा-एचएमआर": "^0.3.2",
"बेबेल-प्लगइन-आयात": "^ 1.1.0",
"बेबेल-प्लगइन-ट्रांसफॉर्म-रनटाइम": "^6.9.0",
"एस्लिंट": "^3.12.2",
"एस्लिंट-कॉन्फिग-एयरबीएनबी": "^13.0.0",
"एस्लिंट-प्लगइन-आयात": "^ 2.2.0",
"एस्लिंट-प्लगइन-जेएसएक्स-ए11वाई": "^ 2.2.3",
"एस्लिंट-प्लगइन-रिएक्शन": "^6.8.0",
"उम्मीद": "^ 1.20.2",
"हस्की": "^0.12.0",
"रेडबॉक्स-रिएक्शन": "^ 1.3.2",
"रोडहोग": "^0.5.2"
}
}

package.json ठीक लग रहा है। . कोई समस्या तो नहीं है, यह देखने के लिए आप हैं । यदि कोई समस्या नहीं है, तो अंतरों की तुलना करें।

@sorrycc
मैंने कोशिश की। http://localhost :8000/users जैसे पथों को http://localhost :8000/users/users जैसा एक और स्तर है, तो आप केवल लिंक के माध्यम से कूद सकते हैं। यदि आप इसे पलट देते हैं, आप सीधे इसका अनुरोध नहीं कर सकते। क्या मेरी लिखावट गलत है या इसका क्या कारण है?

मैंने क्रोम के डिबगिंग इंटरफ़ेस पर एक नज़र डाली, और इसने अनकॉट सिंटेक्स एरर की सूचना दी: अनपेक्षित टोकन <

डीवा-उदाहरण-उपयोगकर्ता-डैशबोर्ड में एक ही समस्या है

मैंने इसे बिना किसी समस्या के ब्रश करने की कोशिश की।

@sorrycc
इस पथ को ताज़ा किया जा सकता है, लेकिन यदि आप /उपयोगकर्ताओं को/उपयोगकर्ताओं/उपयोगकर्ताओं में बदलते हैं, तो इसे ताज़ा नहीं किया जा सकता है, आप केवल लिंक के माध्यम से कूद सकते हैं

इतिहास को संशोधित करने से इस समस्या का समाधान हो सकता है, लेकिन URL में # समस्या है।
संदर्भ: https://github.com/dvajs/dva-knowledgemap#Switch-history-to-browserhistory

ब्राउज़र इतिहास # नहीं होना चाहिए।

@sorrycc
यहाँ कोड है:

import dva from 'dva';
import 'antd/dist/antd.css';
import { useRouterHistory } from 'dva/router';
import { createHashHistory } from 'history';
import message from 'antd/lib/message';

// 1. Initialize
const app = dva({
  history: useRouterHistory(createHashHistory)({ queryKey: false }),
  onError: (e) => {
    message.error(e.message);
  }
});

ब्राउज़र में http://localhost:8000/ दर्ज करने के बाद, यह स्वतः बन जाता है
http://localhost:8000/#/

यदि आप # हटाते हैं, तो संबंधित पथ नहीं खोला जा सकता है।

मैंने मल्टी-लेवल रूटिंग के दौरान ब्राउज़र एड्रेस बार को रीफ्रेश करने का भी प्रयास किया: हैशहिस्ट्री उपलब्ध है, ब्राउजरहिस्ट्री अनुपलब्ध है (मांग पर लोड)

BrowserHistory अनुपलब्ध है। क्या यह 404 या रिक्त पृष्ठ की रिपोर्ट कर रहा है? यदि पृष्ठ रिक्त है, तो कंसोल की जाँच करें। यदि js लोड नहीं है, तो यह होना चाहिए कि publicPath मेल नहीं खाता है ।

ब्राउजरहिस्ट्री का उपयोग करते समय, रूट से आयात करने के लिए एचटीएमएल की जेएस आयात विधि बदलें।
निम्नलिखित नुसार:
<script src="/index.js"></script>

@sorrycc इस समस्या को बंद कर सकता है

@कैरी1227
धन्यवाद, यह वास्तव में समस्या है

@ kairi1227 धन्यवाद ~ जड़ से पेश किया गया है, हल किया गया है

ईमानदार होने के लिए, प्रतिक्रिया + रिडक्स वातावरण बनाने के लिए समय निकालना बेहतर है।

मैंने एक डीवीए इनिशियलाइज़ेशन प्रोजेक्ट बनाया है।
विकसित करते समय, आप संसाधनों को उद्धृत करते समय html को / में संशोधित कर सकते हैं
पैकेजिंग के बाद, इसे संशोधित करें ./
यह पब्लिकपाथ का उपयोग करने की समस्या और एपीपी एचडी की समस्या को हल करता है। रुचि रखने वाले पता लगा सकते हैं।

मुझे भी इस समस्या का सामना करना पड़ा। जब दूसरे स्तर के डोमेन नाम का उपयोग किया जाता है, तो लिंक का उपयोग रीडायरेक्ट करने के लिए किया जा सकता है, लेकिन रीफ्रेश नहीं कर सकता।
मैंने उपरोक्त विधि का उपयोग किया और जेएस फ़ाइल में '/' जोड़ा, लेकिन यह अभी भी अमान्य था।

क्या मेरी रूटिंग में कोई समस्या है?

        <Route path="/" component={ CreateRelevance }>
            <Route path="bg/create" component={ CreateRelevance } />
        </Route>
   </Router>

@sorrycc

@sorrycc
इस समस्या का हल हो चुका है।
ब्राउज़र इतिहास मोड में, क्योंकि यह स्पा मोड है;
Nginx कॉन्फ़िगरेशन की आवश्यकता है: try_files $uri $uri/ /index.html;

@ १८५५९९९९४५२ अगर सर्वर nginx के बजाय apache है तो कैसे कॉन्फ़िगर करें?

https://gkedge.gitbooks.io/react-router-in-the-real/content/apache.html

कोआ-संबंधित कॉन्फ़िगरेशन विधियों को नहीं देखा, इसे संदर्भ के लिए पोस्ट करें:

const fs = require('fs');
const router = require('koa-router')();

router.get('/*', async (ctx) => {
    const html = fs.readFileSync(path.resolve(filePath));
    ctx.type = 'html';
    ctx.body = html;
  })
...