umi 打包部署后 接口404
本地环境用npm start 是可以访问到的
接口地址 10.128.27.239:8080
umi项目打包后
运行serve ./dist
前端项目启动在10.128.27.239:5000
然后访问的接口地址全是10.128.27.239:5000
接口全报404了
打包的文件里面也搜不到10.128.27.239:8080这句话
以下是config.js文件
import defaultSettings from './defaultSettings'; // https://umijs.org/config/
import slash from 'slash2';
import webpackPlugin from './plugin.config';
const { pwa, primaryColor } = defaultSettings; // preview.pro.ant.design only do not use in your production ;
// preview.pro.ant.design 专用环境变量,请不要在你的项目中使用它。
const PATH = 'http://10.128.27.239:8080';
const { ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION } = process.env;
const isAntDesignProPreview = ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION === 'site';
const plugins = [
[
'umi-plugin-react',
{
antd: true,
dva: {
hmr: true,
},
locale: {
// default false
enable: true,
// default zh-CN
default: 'zh-CN',
// default true, when it is true, will use `navigator.language` overwrite default
baseNavigator: true,
},
// dynamicImport: {
// loadingComponent: './components/PageLoading/index',
// webpackChunkName: true,
// level: 3,
// },
pwa: pwa
? {
workboxPluginMode: 'InjectManifest',
workboxOptions: {
importWorkboxFrom: 'local',
},
}
: false, // default close dll, because issue https://github.com/ant-design/ant-design-pro/issues/4665
// dll features https://webpack.js.org/plugins/dll-plugin/
// dll: {
// include: ['dva', 'dva/router', 'dva/saga', 'dva/fetch'],
// exclude: ['@babel/runtime', 'netlify-lambda'],
// },
},
],
[
'umi-plugin-pro-block',
{
moveMock: false,
moveService: false,
modifyRequest: true,
autoAddMenu: true,
},
],
]; // 针对 preview.pro.ant.design 的 GA 统计代码
if (isAntDesignProPreview) {
plugins.push([
'umi-plugin-ga',
{
code: 'UA-72788897-6',
},
]);
plugins.push([
'umi-plugin-pro',
{
serverUrl: 'https://ant-design-pro.netlify.com',
},
]);
}
export default {
plugins,
block: {
// 国内用户可以使用码云
// defaultGitUrl: 'https://gitee.com/ant-design/pro-blocks',
defaultGitUrl: 'https://github.com/ant-design/pro-blocks',
},
hash: true,
targets: {
ie: 11,
},
devtool: isAntDesignProPreview ? 'source-map' : false,
// umi routes: https://umijs.org/zh/guide/router.html
routes: [
{
path: '/user',
component: '../layouts/UserLayout',
routes: [
{
name: 'login',
path: '/user/login',
component: './user/login',
},
],
},
{
path: '/',
component: '../layouts/SecurityLayout',
routes: [
{
path: '/',
component: '../layouts/BasicLayout',
authority: ['admin', 'user'],
routes: [
{
path: '/',
redirect: '/home',
},
{
path: '/home',
name: 'home',
component: './welcome/Welcome',
hideInMenu: true,
},
{
path: '/send',
name: 'send',
component: './SendMsg/SendMsg',
hideInMenu: true,
},
{
path: '/system',
name: 'system',
icon: 'setting',
routes: [
{
path: '/system/user',
name: 'user',
component: './system/user',
},
{
path: '/system/role',
name: 'role',
component: './welcome/Welcome',
},
{
path: '/system/org',
name: 'org',
component: './welcome/Welcome',
},
{
path: '/system/log',
name: 'log',
component: './welcome/Welcome',
},
{
path: '/system/vocabulary',
name: 'vocabulary',
component: './welcome/Welcome',
},
{
path: '/system/machine',
name: 'machine',
component: './welcome/Welcome',
},
{
path: '/system/approvers',
name: 'approvers',
component: './welcome/Welcome',
},
{
path: '/system/QRCode',
name: 'QRCode',
component: './QRCode/QRCode',
},
],
},
{
path: '/message',
name: 'message',
icon: 'message',
routes: [
{
path: '/message/queue',
name: 'queue',
component: './welcome/Welcome',
},
{
path: '/message/statistics',
name: 'statistics',
component: './welcome/Welcome',
},
{
path: '/message/group',
name: 'group',
component: './welcome/Welcome',
},
{
path: '/message/approve',
name: 'approve',
component: './welcome/Welcome',
},
{
path: '/message/addressBook',
name: 'addressBook',
component: './welcome/Welcome',
},
{
path: '/message/template',
name: 'template',
component: './welcome/Welcome',
},
{
path: '/message/box',
name: 'box',
component: './welcome/Welcome',
},
],
},
{
component: './404',
},
],
},
{
component: './404',
},
],
},
{
component: './404',
},
],
// Theme for antd: https://ant.design/docs/react/customize-theme-cn
theme: {
'primary-color': primaryColor,
},
define: {
ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION:
ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION || '', // preview.pro.ant.design only do not use in your production ; preview.pro.ant.design 专用环境变量,请不要在你的项目中使用它。
},
ignoreMomentLocale: true,
lessLoaderOptions: {
javascriptEnabled: true,
},
disableRedirectHoist: true,
cssLoaderOptions: {
modules: true,
getLocalIdent: (context, _, localName) => {
if (
context.resourcePath.includes('node_modules') ||
context.resourcePath.includes('ant.design.pro.less') ||
context.resourcePath.includes('global.less')
) {
return localName;
}
const match = context.resourcePath.match(/src(.*)/);
if (match && match[1]) {
const antdProPath = match[1].replace('.less', '');
const arr = slash(antdProPath)
.split('/')
.map(a => a.replace(/([A-Z])/g, '-$1'))
.map(a => a.toLowerCase());
return `antd-pro${arr.join('-')}-${localName}`.replace(/--/g, '-');
}
return localName;
},
},
manifest: {
basePath: '/',
},
chainWebpack: webpackPlugin,
// proxy: {
// '/server/api/': {
// target: 'https://preview.pro.ant.design/',
// changeOrigin: true,
// pathRewrite: { '^/server': '' },
// },
// },
proxy: {
'/jysms/': {
target: `${PATH}`,
changeOrigin: true,
},
},
// history: 'hash',
// base: './',
// publicPath:'./',
// outputPath: './',
};
请问怎么访问到接口?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
不用serve ./dist
用nginx配置