Linux Vue Project +NPM run build + nginx

System

Environment

Vue Nginx

Steps

1. Package Vue Project

2. Configure Nginx

Package Vue Project

1, the project configuration we use the server's 8000 port

2. Packing

# NPM Run Build

Package Success Creates dist directory

3. Upload to Server

Configure Nginx

1. Enter Nginx

2. Copy the default configuration file default.conf-fengtaoconf

# CP default.conf fengtao.conf

# VIM fengtao.conf modifying ports and Paths

3, some servers also need the console open port

4. Firewall Open port

# firewall-cmd--zone=public--add-port=8000/tcp-permanent//Open port

# systemctl Restart Firewalld.service//restart Firewall

Access

Linux Vue Project +NPM run build + nginx