|
|
import React from 'react';
|
|
|
import ReactDOM from 'react-dom';
|
|
|
|
|
|
|
|
|
|
|
|
import './index.css';
|
|
|
import App from './App';
|
|
|
|
|
|
|
|
|
import { AppContainer } from 'react-hot-loader';
|
|
|
|
|
|
import registerServiceWorker from './registerServiceWorker';
|
|
|
|
|
|
import { configureUrlQuery } from 'react-url-query';
|
|
|
|
|
|
// import history from './history';
|
|
|
|
|
|
import { Provider } from 'react-redux'
|
|
|
import { ConnectedRouter } from 'connected-react-router'
|
|
|
import store, { history } from './store'
|
|
|
|
|
|
import axios from 'axios';
|
|
|
import { isDev } from 'educoder';
|
|
|
|
|
|
// import { initMock } from './axiosMock.js'
|
|
|
|
|
|
import './index.css'
|
|
|
// link the history used in our app to url-query so it can update the URL with it.
|
|
|
configureUrlQuery({ history });
|
|
|
// ----------------------------------------------------------------------------------- 请求配置
|
|
|
|
|
|
|
|
|
|
|
|
window.__useKindEditor = false;
|
|
|
|
|
|
// TODO 避免重复的请求 https://github.com/axios/axios#cancellation
|
|
|
// https://github.com/axios/axios/issues/1497
|
|
|
|
|
|
// TODO 读取到package.json中的配置？
|
|
|
var proxy = "http://localhost:3000"
|
|
|
// proxy = "http://testbdweb.trustie.net"
|
|
|
proxy = "http://testbdweb.educoder.net"
|
|
|
// proxy = 'http://192.168.0.195:3000'
|
|
|
proxy ='https://testbdweb.educoder.net'
|
|
|
proxy ='http://testbdweb.educoder.net'
|
|
|
// proxy='https://www.educoder.net'
|
|
|
const requestMap={};
|
|
|
// 在这里使用requestMap控制，避免用户通过双击等操作发出重复的请求；
|
|
|
// 如果需要支持重复的请求，考虑config里面自定义一个allowRepeat参考来控制
|
|
|
|
|
|
// 模拟请求，开启后可以使用假数据，脱离后台开发。 注意，上线正式版时，需要注释掉mock调用，mock.js有30kb+的大小
|
|
|
if (isDev()) {
|
|
|
// initMock(true, proxy)
|
|
|
// console.error("******* 注意！开启接口mock，这会导致没mock配置的请求返回404 ******")
|
|
|
}
|
|
|
|
|
|
window.setfalseInRequestMap = function(keyName) {
|
|
|
requestMap[keyName] = false;
|
|
|
}
|
|
|
axios.interceptors.request.use(
|
|
|
config => {
|
|
|
|
|
|
// if (token) { // 每次发送请求之前判断是否存在token，如果存在，则统一在http请求的header都加上token，不用每次请求都手动添加了
|
|
|
// config.headers.Authorization = token;
|
|
|
// }
|
|
|
|
|
|
var url = config.url;
|
|
|
// --------------------------------------------- 測試3007连测试服的代码
|
|
|
// if (url.indexOf('file_update') != -1 || url.indexOf('game_build') != -1 || url.indexOf('game_status') != -1) {
|
|
|
// proxy = 'https://testbdweb.trustie.net'
|
|
|
// } else {
|
|
|
// proxy = 'http://localhost:3000'
|
|
|
// }
|
|
|
// ---------------------------------------------
|
|
|
|
|
|
if (window.location.port === "3007" && !url.startsWith('http')) { // 表示为开发模式
|
|
|
config.url = `${proxy}${url}`; // 开发模式下直接跨域请求
|
|
|
}
|
|
|
|
|
|
if (requestMap[config.url] === true) { // 避免重复的请求
|
|
|
return false;
|
|
|
}
|
|
|
// 非file_update请求 && 非open_webssh
|
|
|
if (config.url.indexOf('file_update') === -1 && config.url.indexOf('open_webssh') === -1) {
|
|
|
requestMap[config.url] = true;
|
|
|
|
|
|
window.setTimeout("setfalseInRequestMap('"+config.url+"')", 900)
|
|
|
}
|
|
|
// setTimeout("setfalseInRequestMap(" + config.url + ")", 1200)
|
|
|
return config;
|
|
|
},
|
|
|
err => {
|
|
|
return Promise.reject(err);
|
|
|
});
|
|
|
|
|
|
axios.interceptors.response.use(function (response) {
|
|
|
requestMap[response.config.url] = false;
|
|
|
return response;
|
|
|
}, function (error) {
|
|
|
return Promise.reject(error);
|
|
|
});
|
|
|
// -----------------------------------------------------------------------------------
|
|
|
|
|
|
const render = (Component) => {
|
|
|
ReactDOM.render(
|
|
|
<Provider store={store}>
|
|
|
<ConnectedRouter history={history}>
|
|
|
<AppContainer>
|
|
|
<Component />
|
|
|
</AppContainer>
|
|
|
</ConnectedRouter>
|
|
|
</Provider>,
|
|
|
document.getElementById('root')
|
|
|
);
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// document.getElementById('root'));
|
|
|
registerServiceWorker();
|
|
|
|
|
|
render(App);
|
|
|
if (module.hot) {
|
|
|
module.hot.accept('./App', () => { render(App) });
|
|
|
}
|
