From 4ae30c6b8f29e5fb54ad1bb792e65e298fa0190e Mon Sep 17 00:00:00 2001 From: mark <1685368363@qq.com> Date: Tue, 31 Mar 2020 12:15:03 +0800 Subject: [PATCH 1/2] =?UTF-8?q?update=20for=20mm.mm.js("=E6=B7=BB=E5=8A=A0?= =?UTF-8?q?=E5=B7=A5=E5=85=B7=E7=B1=BB=E7=9A=84=E8=AF=B7=E6=B1=82=E8=AF=B4?= =?UTF-8?q?=E6=98=8E")?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/util/mm.js | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/util/mm.js b/src/util/mm.js index b4905c2..0ecda8f 100644 --- a/src/util/mm.js +++ b/src/util/mm.js @@ -4,8 +4,11 @@ */ var Hogan = require("hogan.js"); var conf = { - //serverHost : '' - serverHost : 'http://www.choisaaaa.campuso2o.com' + //dev + serverHost : '' + + //prod + // serverHost : 'http://www.choisaaaa.campuso2o.com' }; var _common = { -- Gitee From 28a56af4bc57319cb3dcb37fb40d9be7d4241407 Mon Sep 17 00:00:00 2001 From: mark <1685368363@qq.com> Date: Tue, 31 Mar 2020 12:19:00 +0800 Subject: [PATCH 2/2] update for README.md --- README.md | 82 +++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 77 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 8d747ce..7d10c29 100644 --- a/README.md +++ b/README.md @@ -7,14 +7,83 @@ 使用webpack+npm+html+css+js开发 -#### 安装教程 +#### 本地启动步骤 1. 首先安装npm或者yarn 2. 然后安装项目中的依赖模块,详情请看根目录下的package.json文件, 3. 安装依赖包时注意版本号以及环境的选择(--dev) -4. 运行命令 window下:npm run dev_win -5. 更多的运行命令请查看 **package.json** 文件 -5. 打开浏览器输入:http://localhost:8089/ - +4. 运行`npm i --registry=https://registry.npm.taobao.org`命令进行安装,--registry=https://registry.npm.taobao.org指定国内的仓库,加快下载速度 +5. 修改src\util\mm.js的配置 +```js + //dev + serverHost : '' + + //prod + // serverHost : 'http://www.choisaaaa.campuso2o.com' +``` +6. 修改webpack.config.js的配置 +```js + devServer: { + port: 8089, + inline: true, + proxy : { + //pro环境中使用下面的配置 + // '/image/richtext_img_upload.do' : { + // target: 'http://www.choisaaaa.campuso2o.com/', + // changeOrigin : true + // } + + // dev开发使用下面的配置 + '**/*.do' : { + // 这个域名是开发时配置的域名,其实是通过修改host文件,让www.dev.campuso2o.com访问请求到本地 + // 再通过nginx将这个请求代理到本地的不同tomcat(分布式部署)中 + // 注:如果是但实例部署,可以配置 : target: 'http://localhost:8088/campusO2O/(本地后台项目的访问路径)', + target: 'http://www.dev.campuso2o.com/campuso2o/', + changeOrigin : true + + } + } + } +``` +7. 运行命令 windowx下:`npm run dist_win`,会在项目中生成dist文件夹 +8. 运行命令 window下:`npm run dev_win`,以webpack-dev-server启动项目 +9. 更多的运行命令请查看 **package.json** 文件 +10. 打开浏览器输入:http://127.0.0.1:8089/dist/view/ + +#### 打包步骤 +1. 修改src\util\mm.js的配置,选择prod的代码 +```js + //dev + serverHost : '' + + //prod + // serverHost : 'http://www.choisaaaa.campuso2o.com' +``` +2. 修改webpack.config.js的配置,选择prod的代码 +```js + devServer: { + port: 8089, + inline: true, + proxy : { + //pro环境中使用下面的配置 + // '/image/richtext_img_upload.do' : { + // target: 'http://www.choisaaaa.campuso2o.com/', + // changeOrigin : true + // } + + // dev开发使用下面的配置 + '**/*.do' : { + // 这个域名是开发时配置的域名,其实是通过修改host文件,让www.dev.campuso2o.com访问请求到本地 + // 再通过nginx将这个请求代理到本地的不同tomcat(分布式部署)中 + // 注:如果是但实例部署,可以配置 : target: 'http://localhost:8088/campusO2O/(本地后台项目的访问路径)', + target: 'http://www.dev.campuso2o.com/campuso2o/', + changeOrigin : true + + } + } +``` +3.window系统运行npm run dist_win,生成的dist文件,为前端打包的项目。 +4.部署到web服务器中(nginx、tomcat) + #### 目录结构说明一下目录都是在src目录下 ##### 1. image(存放图片资源) @@ -37,6 +106,9 @@ 4.2. src/view/seller :卖家的涉及页面 #### 版本 +node: v12.16.1 +npm: 6.13.4 + #### version1.0 待优化的问题 -- Gitee