• 所有问题

    • 如何部署vue.js项目nginx

    如题所述

    举报该问题
    推荐答案   2023-07-27

    这次给大家带来如何部署vue.js项目nginx，部署vue.js项目nginx的注意事项有哪些，下面就是实战案例，一起来看一下。
    nginx是一个高性能的HTTP和反向代理服务器。因此常用来做静态资源服务器和后端的反向代理服务器。本文主要记录使用nginx去部署使用vue搭建的前端项目，项目基于vue官方的脚手架vue-cli构建。
    开发环境搭建完成。

    二、编译部署

    1、项目路径下demo输入命令npm run build
    编译完成后会发现在demo文件夹下多出一个dist文件夹这里面就是编译好的文件了。

    2、网上下载nginx,下载地址http://nginx.org/en/download.html，解压下载的nginx文件。

    3、配置部署，编辑nginx/conf 下的nginx.conf，修改如下
    [/code][
    4、启动nginx。命令窗口cd进入nginx安装目录，输入start nginx启动nginx。
    然后通过浏览器访问http://127.0.0.1:8088/访问 或者http://域名:8088/访问

    5、nginx停止命令：nginx -s quit

    nginx重启命令：nginx -s reload

    相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！
    推荐阅读：
    如何使用js+css实现打字效果

    怎样在Vue中使用Sortable
    温馨提示：答案为网友推荐，仅供参考
    相似回答
    怎么把VUE项目部署到服务器上面答：1.使用xshell登录到阿里云服务器。安装nginx（本文安装到/etc下）[plain] view plain copy cd /etc apt-get update apt-get install nginx 2.首先先配置nginx，然后再根据配置文件做下一步操作 打开/etc/nginx/nginx.conf文件 [plain] view plain copy vim /etc/nginx/nginx.conf 在nginx.conf中...
    nginx 部署多个前端vue项目的3种方式,一篇文章搞定答：为了方便管理，在/usr/local/nginx/conf.d/ 创建自己的*.conf配置文件。没有conf.d目录，直接mkdir 创建conf.d .conf 详细可参考：这种方式只需要开放80端口，然后访问二级域名。这种方式的好处是只有一个server ,而且不需要二级域名、用路径location就能实现。但是这种方式的一个缺点，就是vue项目前端需...
    nginx部署多个前后端项目答：1、首先在config文件夹内的index.js内修改(注意是build内)build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', //nginx配置 assetsPublicPath: '/test2/', /** *...
    Nginx部署Vue项目答：本文通过部署vue-element-admin后台管理项目来通俗易懂的教大家如何使用Nginx快速部署Vue项目 vue-element-admin项目地址 https://gitee.com/mirrors/vue-element-admin?_from=gitee_search 注意这里一定要上传到Nginx的目录下面！！！修改参数：listen ： 访问端口号 server_name ：访问地址 root ...
    vue 项目开发结束后如何部署到服务器?答：Vue项目部署到服务器的方法有很多种，这里提供一种简单的方法：1. 首先，确保您的服务器已经安装了Node.js和npm。2. 然后，使用Vue CLI创建一个新的Vue项目。3. 打包Vue项目，生成dist文件夹。4. 将dist文件夹上传到服务器上。5. 在服务器上安装Nginx或其他Web服务器。6. 配置Web服务器，使其...
    vuejs怎么在服务器部署答：用vue-cli搭建的做法 1、npm run build 2、把dist里的文件打包上传至服务器 例 /data/www/，我一般把index.html放在static里 所以我的文件路径为：/data/www/static |---index.html |---js |---css |---images ...3、配置nginx监听80端口， location /static alias 到 /data/www/static...
    大家正在搜
    linux如何部署vue项目nginx部署vue项目原理nginx部署多个web项目nginx部署前端项目vue nginx 部署不使用nginx怎么部署vuevue打包部署nginxvue部署到nginx服务器nginx配置多个vue项目