fix: web-server local start axios base url (apitable#155)

Submit a pull request for this project.

<!-- If you have an Issue that related to this Pull Request, you can
copy this Issue's description -->

# Why? 
<!-- 
> Related to which issue?
> Why we need this pull request?
> What is the user story for this pull request? 
-->


# What?
<!-- 
> Can you describe this feature in detail?
> Who can benefit from it? 
-->


# How?
<!-- 
> Do you have a simple description of how this pull request is
implemented?
-->

Author: wangkailang

packages/datasheet/pages/index.tsx

@@ -16,22 +16,20 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import { Url } from '@apitable/core';
 import axios from 'axios';
 import { NextPageContext } from 'next';
+import { getBaseUrl } from '../utils/get_base_url';
 
 const App = () => {
   return null;
 };
 
 export const getServerSideProps = async(context: NextPageContext) => {
-  const host = process.env.API_PROXY || 'http://localhost:3000';
-  axios.defaults.baseURL = host + Url.BASE_URL;
+  axios.defaults.baseURL = getBaseUrl(context);
 
   if (!context.req?.url) {
     return { props: {}};
   }
-
   const cookie = context.req?.headers.cookie;
   const headers: Record<string, string> = {};
 

packages/datasheet/pages/share/[...all].tsx

@@ -16,12 +16,13 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import { Api, Url } from '@apitable/core';
+import { Api } from '@apitable/core';
 import axios from 'axios';
 import { NextPageContext } from 'next';
 import dynamic from 'next/dynamic';
 import { getRegResult, shareIdReg } from 'pc/hooks';
 import React from 'react';
+import { getBaseUrl } from '../../utils/get_base_url';
 
 const DynamicComponentWithNoSSR = dynamic(() => import('../../src/pc/components/share/share'), { ssr: false });
 
@@ -32,8 +33,7 @@ const App = (props) => {
 };
 
 export const getServerSideProps = async(context: NextPageContext) => {
-  const host = process.env.API_PROXY;
-  axios.defaults.baseURL = host + Url.BASE_URL;
+  axios.defaults.baseURL = getBaseUrl(context);
 
   if (!context.req?.url) {
     return { props: {}};

packages/datasheet/pages/template/[category_code]/index.tsx

@@ -16,14 +16,15 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import { Api, ConfigConstant, Url } from '@apitable/core';
+import { Api, ConfigConstant } from '@apitable/core';
 import axios from 'axios';
 import { TemplateListContext } from 'context/template_list';
 import { TemplateRecommendContext } from 'context/template_recommend';
 import { NextPageContext } from 'next';
 import dynamic from 'next/dynamic';
 import React from 'react';
 import { getRequestHeaders } from '../../../utils/utils';
+import { getBaseUrl } from '../../../utils/get_base_url';
 
 const TemplateCentre = dynamic(() => import('pc/components/template_centre/template_centre'), { ssr: false });
 const TemplatePreview = dynamic(() => import('pc/components/template_centre/template_preview'), { ssr: true });
@@ -42,7 +43,6 @@ const App = (props) => {
 
 export const getServerSideProps = async(context: NextPageContext) => {
   const { category_code: categoryCode } = context['params'];
-  const host = process.env.API_PROXY;
 
   if (categoryCode === 'album') {
     return { props: {}};
@@ -57,7 +57,7 @@ export const getServerSideProps = async(context: NextPageContext) => {
     return { props: {}};
   }
 
-  axios.defaults.baseURL = host + Url.BASE_URL;
+  axios.defaults.baseURL = getBaseUrl(context);
   const headers = getRequestHeaders(context);
 
   const userMeRes = await Api.getUserMe({}, false, headers);

packages/datasheet/pages/template/index.tsx

@@ -16,13 +16,14 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import { Api, Url } from '@apitable/core';
+import { Api } from '@apitable/core';
 import axios from 'axios';
 import { TemplateRecommendContext } from 'context/template_recommend';
 import { NextPageContext } from 'next';
 import dynamic from 'next/dynamic';
 import React from 'react';
 import { getRequestHeaders } from '../../utils/utils';
+import { getBaseUrl } from '../../utils/get_base_url';
 
 const TemplateCentre = dynamic(() => import('pc/components/template_centre/template_centre'), { ssr: true });
 const TemplatePreview = dynamic(() => import('pc/components/template_centre/template_preview'), { ssr: true });
@@ -38,8 +39,7 @@ const App = (props) => {
 };
 
 export const getServerSideProps = async(context: NextPageContext) => {
-  const host = process.env.API_PROXY;
-  axios.defaults.baseURL = host + Url.BASE_URL;
+  axios.defaults.baseURL = getBaseUrl(context);
   const headers = getRequestHeaders(context);
 
   const userMeRes = await Api.getUserMe({}, false, headers);

packages/datasheet/utils/get_base_url.ts

@@ -0,0 +1,7 @@
+import { Url } from '@apitable/core';
+import { NextPageContext } from 'next';
+
+export const getBaseUrl = (context: NextPageContext) => {
+  const host = process.env.API_PROXY || `http://${context.req?.headers.host}` || '';
+  return host + Url.BASE_URL;
+}