1.Vue.config.js
publicPath: !debug ? “./” : “./”,
2.找到封装的zgaxios,注释掉里面的baseURL
3.npm run build ,得到一个dist目录,把dist目录里面的文件拷贝到云服务器上的从c:code目录下
4.在云服务器安装 wamp server
如果是阿里云,下面两个c++环境都需要在云服务器下载安装
http://www.microsoft.com/download/en/details.aspx?id=8328
http://www.microsoft.com/download/en/details.aspx?id=13523
装完之后就可以启动wamp
5.部署数据库服务
拷贝后台代码(vuecms3_nodejsapi)到云服务器
使用sqlyog导入sql语句
修改后台代码的 apiController中的let domain = http://${getIPAdress()}:${port}
,把里面${getIpAdress()}方法换成服务器真实的ip
启动node服务器 node app
6.配置apache,修改httpd.conf文件
修改58监听的端口 Listen 8888
第499行 取消v-host文件的注释
7.配置apache,修改extra/v-host.conf文件
注释掉原来的代码,添加如下代码
<VirtualHost *:8888>
#绑定域名
ServerName localhost
#默认首页
DirectoryIndex index.html index.php
#指定网站根目录
DocumentRoot “C:/code”
#指定目录分配权限
<Directory “C:/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
<Proxy *>
#规定Deny,Allow的执行顺序, Order Deny,Allow : 先执行Deny,再执行Allow
Order Deny,Allow
#全部禁止访问 取值:all none 指定ip
Allow from All
#配置反向代理
ProxyPass /api http://localhost:8899/api
8.如果服务器是阿里云,需要在服务器的控制台,在控制台中把8899和8888端口访问权限打开
9.重启apache服务器
10.外网就可以通过 http://服务器ip:8888端口号访问我们的项目了