Django个人博客搭建教程---使用Ubuntu+Nginx部署你的Vue应用

请叫我算术嘉

于 2020-02-20 14:35:59 发布

阅读量6.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue.js 文章标签： nginx ubuntu vue

本文链接：https://blog.youkuaiyun.com/ssjdoudou/article/details/104410402

Vue.js 专栏收录该内容

28 篇文章

订阅专栏

本文介绍如何在/etc/nginx/nginx.conf中配置Nginx服务器，使其能够正确地监听8090端口并指向Vue项目构建后的dist目录。通过在myblogfront项目下执行npm run build命令，实现静态资源的部署，使用户可以通过特定IP和端口访问到构建好的Vue应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/etc/nginx/nginx.conf添加这一段

server {
      listen  8090;
      server_name  www.guanacossj.com;
      index index.html;
      root /home/MyBlog/myblogfront/dist;

      location / {
        try_files $uri $uri/ /index.html;
      }
}

root表示vue项目build后生成的dist目录，里面有static和index.html两个文件

在vue工程下，我这里是myblogfront，执行

npm run build

访问ip:8090即可

示例http://101.132.70.184:8090/#/