操作系统
Ubuntu 20.04 LTS
服务器
Apache
构建环境
Node.js
Vue.js

服务器端


安装 Apache 服务器

在服务器端安装 apache

1
sudo apt install apache2

配置 Apache conf

1
vim /etc/apache2/apache2.conf

apache2.conf

1
2
3
4
5
ServerRoot "/etc/apache2"
DefaultRuntimeDir "/etc/apache2"
User 用户名
Group 用户组
ErrorLog /etc/apache2/errorLog/error.log

配置 ports.conf

1
vim /etc/apache2/ports.conf
1
Listen 端口号

配置 000-default.conf

1
vim /etc/apache2/sites-enabled/000-default.conf
1
<VirtualHost *:端口号>

配置 other-vhosts-access-log.conf

1
vim /etc/apache2/conf-enabled
1
CustomLog /etc/apache2/CustomLog/other_vhosts_access.log vhost_combined

启动 apache 服务器

1
service apache2 start

生产环境


安装 Node.js 环境

前往官网找需要的Nodejs版本安装并配置环境变量即可

环境变量配置:
变量名: path 变量值: Node安装目录

安装 Vue.js

由于国内使用npm速度较慢,可先安装 cnpm通过 cnpm 来安装Vue.js环境

1
npm install cnpm -g --registry=https://registry.npm.taobao.org

安装 vue 环境 和 构建工具

1
2
3
cnpm install -g vue
cnpm install -g @vue/cli
cnpm install -g @vue/cli-init

打包 Vue.js 项目

如果已经有了 Vue demo 可以直接cd进项目里边

1
cnpm run build

打包好的文件在 dist 文件夹中存放。

部署 Vue.js 项目

回到服务器,将 dist 里的文件拷贝到 /var/wwww/html/中

1
sudo cp -R 文件目录 /var/www/html/

查看演示: localhost:端口号