Nginx 部署vue 项目+域名

最新推荐文章于 2023-06-06 16:33:50 发布
最新推荐文章于 2023-06-06 16:33:50 发布
阅读量627 收藏
点赞数
文章标签： nginx linux Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44366104/article/details/129356182
版权
本文介绍了如何在Linux环境下下载并安装Nginx，包括安装依赖、配置和启动过程。此外，还提到了如何配置Nginx以部署Vue项目，并支持域名访问。
摘要由CSDN通过智能技术生成

下载

http://nginx.org/en/download.html

#安装Nginx依赖环境，-y表示所有提示默认选择y

yum -y install pcre pcre-devel

yum -y install zlib zlib-devel

yum -y install openssl openssl-devel

tar -zxvf nginx-1.23.3.tar.gz -C /home

cd /home/nginx-1.23.3

安装 三个 是同时的指令

./configure --prefix=/home/nginxmake

//覆盖 安装make install

cd /home/nginx/sbin

// 版本查询

./nginx -v

//安装模块查询

./nginx -V

//启动指令

./nginx

最低0.47元/天 解锁文章
llehao
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用nginx部署多个vue项目,亲测有效(使用域名https方式访问)
04-07 337
项目二的配置。
小白Vue3+Nginx实现部署
Sumuxi9797926的博客
12-09 8717
记录一下自己想搭建一个自己的个人网站的心路历程，其实我刚开始的落脚点是找一个别人的半成品或者成品，再慢慢的改，想把主要的精力放在后台上面，找了很多网站之后，例如,，不是项目很久没有维护了，就是好看的没有适合我的🙃（怪我，太菜了~傻狗哽咽🐮🐴），最后还是决定用vue3自己从0开始学，开始搭建。
nginx配置vue项目，带项目名
FinelyYang的专栏
01-01 8175
项目是前后端分离的，vue部署到生产环境时需要带项目名进行访问。acdmSA是我的项目名。 一、修改vue项目config/index.js中的build配置 assetsPublicPath:'/'，改为assetsPublicPath:’/acdmSA/'。 二、修改router配置，src/router/index.js中修改router 增加base:'/acdmSA/'...
Nginx部署多个Vue项目，配置不同域名
小康师兄
04-20 2179
Nginx部署多个Vue项目，配置不同域名
本地使用Nginx部署vue项目,并且通过飞鸽内网穿透达到域名访问的效果
xiaokuangren_的博客
02-15 739
Nginx部署vue项目简单版本
vue入门第2天
dududu01的专栏
04-26 221
今天主要是3个知识点一、CSS作用域写法1、正常的CSS    <style scope></style>    <div class="mint-cell-title”></div>    scope:在当前的作用域有效2、SCSS    <style lang=“scss”   module></style>    &l
Vue项目部署Nginx配置文件 SSL
08-11
在部署 Vue 项目时，Nginx 配置文件 `nginx.conf` 的关键设置如下： 1. **基本配置**： - `server` 块：定义一个监听特定端口（通常是80）的服务器实例。 ```nginx server { listen 80; server_name your...
nginx部署多个vue项目的方法示例
11-19
今天由于公司需求，需要在同一域名端口下，部署两个项目；今天花了一上午终于弄好了，选择赶紧做一个笔记。 如何连接阿里云服务器就不在这里说了，请看我以前的文章。 首先需要的效果 http://47.97.244.83/login ...
Vue+Django项目部署详解
10-16
Vue+Django项目的部署涉及到多个步骤，包括本地项目配置、前端构建、服务器环境准备和数据库配置等。这里我们将深入探讨这些关键环节。 首先，在本地项目配置阶段，我们需要为生产环境创建一个新的配置文件`prop.py...
IIS部署.NET+Vue项目.docx
05-25
iis 部署 .net + vue 项目知识点总结 在本文中，我们将对 iis 部署 .net + vue 项目的知识点进行总结，涵盖从项目的基本环境到 api 的配置、https 的设置、Swagger 的使用等多个方面。 一、基本环境 首先，我们...
fastadmin+vue nginx部署
01-07
# 疫情管控 server { listen 80; #server_name ; index index.php index.html index.htm default.php default.htm default.html; root /var/... location /fe{ ...-e $request_filenam
使用nginx给vue开发环境的地址自定义一个域名
lifachang的博客
11-22 832
使用vue-cli开发的时候，npm run dev生成的默认链接是http://localhost:8080，看上去很不爽，于是就尝试使用nginx反向代理给这个链接取个自定义域名，还真成功了，话不多说直接上代码： 1、修改host。文件：/config/index.js host: '127.0.0.1', port: 8080， 2、禁用webpack的hostCheck...
linux环境， nginx 部署 vue
GY的的专栏
05-31 1892
在 Linux 环境下部署 Vue.js 应用，可以使用 Nginx 作为 Web 服务器。# 修改为 Vue.js 应用的打包目录。# 修改为你的域名或 IP 地址。打包完成后，会在项目根目录下生成一个 `dist` 目录，里面包含了打包后的静态文件。现在，你可以通过浏览器访问你的域名或 IP 地址，就可以看到 Vue.js 应用了。4. 将打包后的文件复制到 Nginx 的根目录下。3. 打包 Vue.js 应用。5. 重启 Nginx。
通过nginx配置 将vue项目运行到阿里云linux服务器上
weixin_45966674的博客
05-15 627
如果都顺利 你就可以尝试通过 服务器的公网地址访问了 因为我们用的是80端口 直接访问公网地址就行了 当然 你也可以 公网地址/80 一样的。应该会输出 nginx: the configuration file /etc/nginx/nginx.conf syntax is ok。将 nginx.conf 放到项目目录下 或者你找到 nginx.conf 的所在目录。然后 我们需要一个 nginx的配置文件 nginx.conf 编写内容如下。
nginx反向代理访问路径添加项目名
最新发布
qq_37597602的博客
06-06 572
解决页面刷新404问题。使用alias配置解决，配置如下，访问路径：http://localhost:9010/ejkj。
vue nginx 代理实现域名绑定
路上
07-08 3864
vue项目打包上线以后想要用nginx指向域名方法如下 server { listen 80; ...
linux下nginx部署vue项目
06-06
在Linux下部署Vue项目需要以下步骤： 1. 安装Nginx：使用命令sudo apt-get install nginx安装Nginx。 2. 配置Nginx：在/etc/nginx/sites-available/目录下创建一个新的配置文件，例如myproject.conf。在该文件中添加以下内容： server { listen 80; server_name example.com; root /var/www/myproject/dist; index index.html; location / { try_files $uri $uri/ /index.html; } } 其中，example.com应该替换为你的域名，/var/www/myproject/dist应该替换为你的Vue项目的dist目录的路径。 3. 启用配置文件：使用命令sudo ln -s /etc/nginx/sites-available/myproject.conf /etc/nginx/sites-enabled/启用该配置文件。 4. 重启Nginx：使用命令sudo service nginx restart重启Nginx。 5. 部署Vue项目：将Vue项目的dist目录复制到/var/www/myproject/目录下。 6. 访问Vue项目：在浏览器中输入你的域名，例如http://example.com，即可访问Vue项目。 希望这些步骤能够帮助你在Linux下成功部署Vue项目。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值