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文件

<VirtualHost *:8888>
#绑定域名
ServerName localhost
#默认首页
DirectoryIndex index.html index.php
#指定网站根目录
DocumentRoot “D:/code”
#指定目录分配权限
<Directory “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，打开命令行
htt