Home >Web Front-end >JS Tutorial >Detailed explanation of nginx deployment steps for vue.js project

Detailed explanation of nginx deployment steps for vue.js project

php中世界最好的语言
php中世界最好的语言Original
2018-05-02 10:39:583030browse

This time I will bring you a detailed explanation of the nginx deployment steps of the vue. one time. Development environment setup completed.

2. Compile and deploy

1. Enter the demo command npm run build under the project path

Compilation completed Later, you will find that there is an extra dist folder under the demo folder, which contains the compiled files.

2. Download nginx online, download address http://nginx.org/en/download.html, and unzip the downloaded nginx file.

3. Configure deployment, edit nginx.conf under nginx/conf, and modify it as follows

[/code][

4. Start nginx. In the command window, cd to the nginx

installation directory and enter start nginx to start nginx.

Then access http://127.0.0.1:8088/ through the browser or http://domain name:8088/5. nginx stop command:

nginx -s quit

nginx restart command: nginx -s reload

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other php Chinese websites related articles! Recommended reading:

Detailed explanation of the steps for Vue to use Sortable

Detailed explanation of the steps for Vue to make internal component carousel switching

The above is the detailed content of Detailed explanation of nginx deployment steps for vue.js project. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn