xampp部署前端vue项目

最新推荐文章于 2024-02-12 20:33:41 发布
最新推荐文章于 2024-02-12 20:33:41 发布
阅读量679 收藏 1
点赞数
分类专栏： xampp PHP vue 文章标签： vue apache php Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37225450/article/details/128640659
版权
PHP 同时被 3 个专栏收录
5 篇文章 0 订阅
订阅专栏
xampp
3 篇文章 0 订阅
订阅专栏
vue
1 篇文章 0 订阅
订阅专栏

1、打开httpd.conf

将下面的注释去掉

LoadModule proxy_module modules/mod_proxy.so

2、将前端项目dist.rar解压到xampp\htdocs下，即xampp\htdocs\dist

3、在xampp\htdocs目录下新建一个.htaccess,添加以下文本

RewriteEngine On

RewriteBase /dist

RewriteRule ^/dist/index.html$ - [L]

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

RewriteRule . /dist/index.html [L]

4、打开xampp\apache\conf\extra\httpd-vhosts.conf

添加配置

##ServerAdmin webmaster@dummy-host2.example.com

DocumentRoot "D:/soft/xampp/htdocs/dist/"

ServerName www.vinc.com

##ErrorLog "logs/dummy-host2.example.com-error.log"

##CustomLog "logs/dummy-host2.example.com-access.log" common

5、打开C:\Windows\System32\drivers\etc\hosts

添加配置127.0.0.1 www.vinc.com

6、重启apache

柠檬小鱼
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue:基于xampp集成的Apache服务器进行线上部署
陈十七的博客
02-20 1603
因为我暂时没有购买云服务器，所以本博客是基于本地模拟线上部署；模拟项目是Vue+Express+mongoDB搭建而成的项目; 后台代码部署 前端代码部署 一、后台代码部署 首先，express是基于nodeJs的运行环境，所以服务器需要安装nodeJs； 通过cmd打开express后台项目； node bin/www启动后台代码； 后台代码部署完成。 注意：express代码部署需要关...
XAMPP部署
weixin_30252709的博客
01-05 163
1，直接从官网上下载，然后安装即可 2，出现的问题： a,启动Apache服务器的时候，出现打开端口失败，原因80号端口已被占用，解决方案，更改config文件，将端口设置为8090 b，给phpmyadmin更改用户名和密码的时候，直接在界面上修改，导致最后没有登录进去，密码也忘记了是什么了，解决方案 <1>修改D:\xampp\phpMyAdmin\config.inc.p...
一、用XAMPP搭建本地PHP服务器，运行php文件
web_xyk的专栏
05-23 5万+
一、XAMPP下载安装 点击下载，下载完成之后执行安装文件安装，一路next，完成。运行界面如下： 二、启动 这里，我是把XAMPP安装在了D:\XAMPP文件夹下。 点击第一行Apache后面的Start是启动XAMPP本地虚拟机(默认端口8080) 点击第二行MySQL后面的Start是启动数据库，如果只需要虚拟服务器不需要操作数据库，只启动Apache，不启动MySQL即可 启...
xampp部署
2201_75774378的博客
10-12 129
进入这个[root@localhost ~]# cd /opt/lampp/etc/extra目录下。436行 export LD_ASSUME_KERNEL=2.2.5 修改为 2.8.0。将其中的Require local改为Require all granted。tomcat需要有java环境，这里使用jdk1.7。编辑：vim httpd-xampp.conf。在Linux上安装xampp平台。#去官方下载Oracle公司。
使用 xampp 来部署 php,mysql,apache 开发环境
SoftwareEngineerLiu的专栏
05-12 1919
1. 若是之前单独安装过 apache,php,mysql ，可以参考 http://hi.baidu.com/ycvsjl/item/da30c4bae12d32ef4ec7fdf0 卸载 2.  若不想卸载可将其停止 sudo /etc/init.d/mysql stop sudo /etc/init.d/apache2 stop 3 . 安装 xa
XAMPP 启动 与Vue启动端口冲突问题
weixin_34055910的博客
07-16 424
最近用vue-cli、webpack 搭建项目用到XAMPP 端口冲突的问题；第一步：打开XAMPP如图所示：修改方法 找到 Listen 80 ，修改为 Listen 8888，如图所示：找到ServerName localhost:80修改为ServerName localhost:8888 第二步：打开XAMPP如图所示：找到Listen 443，修改为 Listen 4433第三步：打开X...
使用xampp将angular项目运行在web服务器的教程
10-16
主要介绍了使用xampp将angular项目运行在web服务器,本文图文并茂给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
Spring Boot与前端配合与Idea配置部署操作过程
08-28
Spring Boot与前端配合与Idea配置部署操作过程 Spring Boot是一款流行的基于Java的Web应用框架，而前端则是指用户界面和用户体验的设计和实现。为了实现一个完整的Web应用程序，Spring Boot和前端需要紧密配合。...
Django上线部署之Apache的方法
09-14
主要介绍了Django上线部署之Apache的相关知识，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
PHP、web前端开发-工作环境部署.pptx
12-16
下面将详细讲解如何部署PHP和Web前端开发的工作环境。 首先，工作环境部署通常是在虚拟机上进行，这样可以保持开发环境与生产环境的一致性，同时避免对个人电脑系统的干扰。虚拟机软件如VirtualBox或VMware可以用来...
XAMPP-7.4.12
04-27
XAMPP-7.4.12
使用XAMPP一键搭建本地服务器，并用手机访问本地html（从安装到使用）
yvette19961020的博客
08-21 1850
听大佬推荐的方法，用用看。 另外还可以使用HBuilder，创建Mui项目，连接手机的方案，可以实现热加载。没试，这里不做赘述。 1.首先下载windows版xampp 地址： https://sourceforge.net/projects/xampp/ 2.勾选上全部配置 我安装在E盘 之后一路next直到安装完成。 3.完成之后打开，报了一些mysql端口的警告，先不管它，单击点击Apa...
Ubuntu20.04安装xampp 8部署php html网页与mysql数据库
Exploer_TRY的博客
02-18 988
阿里云服务器安装xampp部署网站 1. 前言 我在自己Windows上搭建了xampp，并调试了前后端，就差把网页部署到服务器上了，服务器选择了阿里的。然后出错了，这里分享下从零到1经验。 2. 下载xampp for linux 地址：https://www.apachefriends.org/download.html 我下载的是 这里看你怎么弄了，可以本地下载然后传到服务器，也可以wget直接下载。 3. 安装xampp 因为服务器没有图形界面，直接用终端装： chmod 777 *.run ch
【配置xampp反向代理方法】vue3-element-admin 框架打包时遇到的问题及解决方法记录（引用静态文件js/css爆红404，部署后请求跨域api接口404）
最新发布
weixin_43185419的博客
02-12 772
打包部署在xampp上报错： GET http://localhost/js/index.8n3J6cW3.js net::ERR_ABORTED 404 (Not Found) 打包部署在xampp上请求api报错
多个vuecli项目打包部署到Apache服务器上
weixin_37818738的博客
09-14 402
多个vuecli项目打包部署到Apache服务器上
通过XAMPP将项目部署到Tomcat上
仰望星空
08-31 1万+
如何通过XAMPP将项目部署到TOMCAT服务器，如何修改APACHE和TOMCAT的端口。
xampp+apac+mysql+php的实例项目部署
gyhshh的博客
09-05 891
使用常见的web架构：XAMP即xampp+apac+mysql+php来进行环境部署和实例项目的实现。本次项目为使用小信贷网站的源码来进行实现。5.修改D:\xampp\htdocs\xindai\Data\App\Conf\db.php文件，将新建的数据库名称修改进其中。3. 使用127.0.0.1/dashboard进入数据库的后台，新建xinda数据库。到这里这个基于xampp的php小项目就布置完成了，之后就可以对其进行调试使用。本次使用的是小信贷源码，语言为php。7.进入后台测试登陆。
（图文）最详细的XAMPP的安装及使用教程
热门推荐
Sunny王维
05-19 27万+
XAMPP的安装及使用教程 1、简介 2、安装运行 3、配置数据库 XAMPP的安装及使用教程 1、简介 XAMPP（Apache+MySQL+PHP+PERL）是一个功能强大的建站集成软件包。这个软件包原来的名字是 LAMPP，但是为了避免误解，最新的几个版本就改名为 XAMPP 了。它可以在Windows、Linux、Solaris、Mac OS X ...
windows apache部署vue项目
05-19
要在 Windows 上部署 Vue 项目，你需要使用一个 Web 服务器，例如 Apache，来托管 Vue 应用程序的静态文件。 以下是步骤： 1. 确保你已经使用 `npm run build` 命令在 Vue 项目中生成了生产环境的静态文件。 2. 将 `dist` 文件夹中的所有文件复制到 Apache 的 Web 根目录（例如 `C:\xampp\htdocs`）下。 3. 配置 Apache 以服务于 Vue 应用程序的静态文件。首先，打开 Apache 的配置文件 `httpd.conf`，找到以下行并取消注释： ``` LoadModule rewrite_module modules/mod_rewrite.so ``` 4. 在 `httpd.conf` 文件中添加以下配置： ``` <Directory "C:/xampp/htdocs"> Options Indexes FollowSymLinks Includes ExecCGI AllowOverride All Order allow,deny Allow from all </Directory> <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L] </IfModule> ``` 修改上述代码中的 `C:/xampp/htdocs` 为你的 Web 根目录所在的路径。 5. 重启 Apache，然后在浏览器中输入 `http://localhost` 查看 Vue 应用程序是否已经成功部署。 希望这可以帮助你在 Windows 上成功部署 Vue 项目！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值