vuewebapp项目打包

1.项目的打包
修改vue.config.js下的
publicPath: !debug ? “./” : “./”,

2.通过npm run build命令来打包生成dist目录

1.安装wamp (apache mysql php)
2.进入安装目录下的 C:\wamp\bin\apache\Apache2.4.4\conf
打开httpd.conf配置文件(编辑器打开)，修改

2.1 修改第58行 Listen 8888
2.2 修改499行 前面#去掉 Include conf/extra/httpd-vhosts.conf

3.打开extra目录下的httpd-vhosts.conf文件

#绑定域名
ServerName localhost
#默认首页
DirectoryIndex index.html index.php
#指定网站根目录
DocumentRoot “D:/code”
#指定目录分配权限

#没有首页就显示列表（开发阶段可以这样）取值：all none Index
Options Indexes
#规定Deny,Allow的执行顺序, Order Deny,Allow ： 先执行Deny，再执行Allow
Order Deny,Allow
#全部禁止访问 取值：all none 指定ip
Allow from All
#但是，允许自己访问 取值：all none 指定ip
Allow from 127.0.0.1

4.来到C:\wamp\bin\apache\Apache2.4.4\bin，打开命令行
httpd -t

5.重启apache服务器
6.打开浏览器，输入localhost:8888，看到下面页面就说明服务器跑起来了

配置apache服务器的反向代理：
1.修改httpd.conf文件，将下面两个模块打开(前面#去掉)

2.修改httpd-vhosts.conf文件

#绑定域名
ServerName localhost
#默认首页
DirectoryIndex index.html index.php
#指定网站根目录
DocumentRoot “D:/code”
#指定目录分配权限

#没有首页就显示列表（开发阶段可以这样）取值：all none Index
Options Indexes
#规定Deny,Allow的执行顺序, Order Deny,Allow ： 先执行Deny，再执行Allow
Order Deny,Allow
#全部禁止访问 取值：all none 指定ip
Allow from All
#但是，允许自己访问 取值：all none 指定ip
Allow from 127.0.0.1

Proxyrequests off

#规定Deny,Allow的执行顺序, Order Deny,Allow ： 先执行Deny，再执行Allow
Order Deny,Allow
#全部禁止访问 取值：all none 指定ip
Allow from All

#配置反向代理
ProxyPass /api http://localhost:8899/api

3.重启apache服务器
4.重启node后台服务器