dva+antd写的一个react例子--服务器nginx 的配置
- location ^~ /crm {
- rewrite ^/crm/(.*)(\.js|\.css|\.png|\.jpg|\.jpeg|\.gif|index\.php|robots\.txt)$ /$1$2 break;
- rewrite .* /index.html break;
- root /etc/nginx/static2/CIF_crm-frontend/dist/crm/;
- }
以上是nginx的配置
- {
- "entry": "src/index.js",
- "disableCSSModules": false,
- "cssModulesExclude": ["./src/global.less"],
- "publicPath": "/crm/",
- "outputPath": "./dist/crm",
- "hash": true,
- "theme": {
- "@primary-color": "#5c94d6",
- "@link-color": "#6e97c4",
- "@border-radius-base": "5px",
- "@font-size-base": "12px",
- "@line-height-base": "1.2",
- "@btn-padding-base": "10px 15px",
- "@btn-border-radius-base": "20px",
- "@btn-height-base": "auto",
- "@btn-font-size-lg": "14px",
- "@layout-body-background": "#f5f8fb",
- "@text-color": "#353f51",
- "@layout-sider-background": "#7b9cc6",
- "@layout-trigger-background": "#4c75b3",
- "@menu-dark-bg": "#7b9cc6",
- "@menu-dark-submenu-bg": "#7b9cc6",
- "@table-header-bg": "#fff",
- "@input-border-color": "#d5e3f6",
- "@border-color-base": "#d5e3f6"
- },
- "autoprefixer": null,
- "proxy": {
- "/api": {
- "target": "http://jsonplaceholder.typicode.com/",
- "changeOrigin": true,
- "pathRewrite": { "^/api" : "" }
- },
- "/clms/boss/returnOrder": {
- "target": "http://10.1.1.182:8091/mockjsdata/5",
- "changeOrigin": true,
- "secure": false
- }
- },
- "extraBabelPlugins": [
- "transform-runtime",
- ["import", { "libraryName": "antd", "style": true }]
- ],
- "env": {
- "development": {
- "extraBabelPlugins": [
- "dva-hmr"
- ]
- }
- },
- "xdllPlugin": {
- "exclude": [
- "babel-runtime"
- ],
- "include": [
- "dva/router",
- "dva/saga",
- "dva/fetch"
- ]
- }
- }
以上是.roadhogrc的配置
------------/^(?!.*\.(css|js)).*$/ 正则不包含的css或者js 的正则
dva+antd写的一个react例子--服务器nginx 的配置的更多相关文章
- dva+antd写的一个react例子
github地址 https://github.com/shenggen1987/dva-cli-demo 效果图片
- 轻量级HTTP服务器Nginx(配置与调试Nginx维护Nginx)
轻量级HTTP服务器Nginx(配置与调试Nginx) 文章来源于南非蚂蚁 Nginx安装完毕后,会产生相应的安装目录,根据前面的安装路径,Nginx的配置文件路径为/opt/nginx/conf ...
- 高性能Web服务器Nginx的配置与部署研究(13)应用模块之Memcached模块+Proxy_Cache双层缓存模式
通过<高性能Web服务器Nginx的配置与部署研究——(11)应用模块之Memcached模块的两大应用场景>一文,我们知道Nginx从Memcached读取数据的方式,如果命中,那么效率 ...
- 高性能Web服务器Nginx的配置与部署研究(7)核心模块之主模块的非测试常用指令
1. error_log 含义:指定存储错误日志的文件 语法:error_log <file> [debug|info|notice|warn|error|crit] 缺省:${prefi ...
- 轻量级HTTP服务器Nginx(常用配置实例)
轻量级HTTP服务器Nginx(常用配置实例) 文章来源于南非蚂蚁 Nginx作为一个HTTP服务器,在功能实现方面和性能方面都表现得非常卓越,完全可以与Apache相媲美,几乎可以实现Apa ...
- 高性能Web服务器Nginx的配置与部署研究(15)Upstream负载均衡模块
Nginx 的 HttpUpstreamModule 提供对后端(backend)服务器的简单负载均衡.一个最简单的 upstream 写法如下: server backend1.example.co ...
- 高性能Web服务器Nginx的配置与部署研究系列(1)-- 入门 hello work
简介: Nginx 是一个基于 BSD-like 协议.开源.高性能.轻量级的HTTP服务器.反向代理服务器以及电子邮件(SMTP.POP3.IMAP)服务器.Nginx 是由一个俄罗斯的名叫“Igo ...
- 高性能Web服务器Nginx的配置与部署研究(11)应用模块之Memcached模块的两大应用场景
一.应用场景1 最近在一个项目中,用到了Nginx的Memcached模块,所以就在这个系列教程中提前把Memcached模块拿出来写了.另外发现最近我的 博客文章频频被很多用采集器的网站拿走,帮我发 ...
- 高性能Web服务器Nginx的配置与部署研究(3)Nginx请求处理机制
1. 处理什么样的请求 处理访问到 Nginx 所在 IP 地址的请求,并且这些请求的 HTTP 头信息中的 Host 为所要处理的域名(如下以80端口为例),如下几个 server 就对应响应的请求 ...
随机推荐
- Troubles in Building Android Source Code
Some Troubles or problems you may encounter while you setup the Android source code build environmen ...
- File:方法(具体)
File方法: Name()方法:获取File的名称. getPath()方法:获取File的路径. getAbsolutePath()方法:获取文件或文件夹的绝对路径名称. getParent()方 ...
- 怎么运行Typescript
依据官方示例: npm i -g typescript 示例:tsc *.ts 实例:tsc hello.ts 不过以上实现的太有限制了,如下实现可满足正常测试以及学习使用 package,json ...
- ionic准备之angular基础——模板引入(7)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- OSGI中的service依赖关系管理
众所周知.对于高动态高可扩展的应用,OSGI是一个很好的平台.可是.也因此添加了复杂性.开发中对service的依赖变得复杂. 这也是service的关系管理成为OSGI中一个很重要的部分,我们来看看 ...
- 代理工具Charles使用
代理工具Charles使用 分类: MAC 2014-03-27 20:41 7810人阅读 评论(2) 收藏 举报 手机开发 一.跟踪HTTPS 1.下载官方的证书ssl.zip证书,解压成*.cr ...
- PowerShell-将CSV导入SQL Server
$database = 'foxdeploy' $server = '.' $table = 'dbo.powershell_test' Import-CSV .\yourcsv.csv | ForE ...
- My sql 实用教程
http://wenku.baidu.com/link?url=uwWWeGTZU61MQSSArf2pYRd4jPd7k7gNsx75KxEUKO1MlMLAAFiIF-fus3CY4RLyyzbZ ...
- MQTT--topic
1.topic 定阅与发布必须要有主题,只有当定阅了某个主题后,才能收到相应主题的payload,才能进行通信. 2. 主题层级分隔符—“/” 主题层级分隔符使得主题名结构化.如果存在分隔符,它将 ...
- atom无法安装插件的解决方法
atom通过setting中无法下载插件,通过apm也无法下载插件,可能是网络.config配置的问题,不好解决. 下面的方法全手动,基本属于万金油方法: 1,在atom的setting页面中点击op ...