前端搭建自己的网站(vue+nodejs)--nginx配置篇

216 阅读1分钟

概述

我作为一名前端,但我不想只搞前端,我也想有一个自己的网站。这篇将nginx的简单配置

安装nginx

大家也不用先急着安装nginx,说不定阿里云里面已经预装了呢。

直接输入nginx -t 看看有没有相关的配置文件,我这里是显示了配置文件的截图

image.png

没有就需要自己安装了

yum install nginx
start nginx //启动nginx
cd /etc/nginx  //进入nginx的安装目录

安装好了输入nginx -t知道配置文件在哪里 vi /etc/nginx/nginx.conf 进入配置文件修改

image.png

我存放nodejs代码和前端代码文件目录

image.png

nodejs的index文件

const express = require("express");

const userRouter = require('./server/router')

const bodyParser = require('body-parser');


const app = express();

app.use(

  bodyParser.urlencoded({

    extended: true

  })

)

app.use(bodyParser.json());

app.use("/api", userRouter);


app.listen(3389, () => {

  console.log("serve running on 3000");

});

需要把3389端口打开

image.png

现在我试试看访问我的服务器

image.png