php部署vue项目

最新推荐文章于 2024-03-26 20:24:55 发布
最新推荐文章于 2024-03-26 20:24:55 发布
阅读量2.8k 收藏 5
点赞数 1
分类专栏： php vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cmj8043719242/article/details/106255444
版权
php 同时被 2 个专栏收录
50 篇文章 0 订阅
订阅专栏
vue
6 篇文章 0 订阅
订阅专栏

前端vue写的项目，后端提供接口，打包过后不知道怎么运行

其实不需要安装node环境

vue通过webpack打包的项目如下：

可以看到，只有一个dist文件，里面一个静态文件static,和一个入口文件

如果直接点击，什么都不显示：如下图

 

如果有php环境，这里以phpstudy为例，只需解析域名到index.html即可

 

这样在运行刚设置的域名就行了，如下图

 

设置两个域名会有跨域问题，后端解决下就行了,不会自行百度

cmj8043719242
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
web服务器nginx+部署前端vue项目
03-22
1. 什么是 nginx 和可以做什么事情 Nginx 是高性能的 HTTP 和反向代理的web服务器，处理高并发能力是十分强大的，能经受高负 载的考验,有报告表明能支持高达 50,000 个并发连接数。 其特点是占有内存少，并发能力强，事实上nginx的并发能力确实在同类型的网页服务器中表现较好，中国大陆使用nginx网站用户有：百度、京东、新浪、网易、腾讯、淘宝等。 2.Nginx 作为 web 服务器 Nginx 可以作为静态页面的 web 服务器，同时还支持 CGI 协议的动态语言，比如 perl、php 等。但是不支持 java。Java 程序只能通过与 tomcat 配合完成。Nginx 专为性能优化而开发， 性能是其最重要的考量,实现上非常注重效率 ，能经受高负载的考验,有报告表明能支持高 达 50,000 个并发连接数。 https://lnmp.org/nginx.html
phpstudy 8.1小皮配置vue项目本地域名访问
qq_42221321的博客
11-18 4593
phpstudy 8.1小皮配置vue项目本地域名访问1、安装phpstudy2、phpstudy配置3、问题排查 1、安装phpstudy 1、先下载安装小皮，这里就不做赘述 官网下载地址 2、phpstudy配置 因为我这里只是一个网页的显示，就只启动了apache服务 注意这里的路径，如果是vue项目，要先打包,然后指向dist生成的文件路径，我这里是把dist打包好的文件复制到小皮下 文件目录，注意一定是index.php或者是 index.html 配置完成后，来到设置里检验配置的端口是否可
使用小皮【phpstudy】运行Vue+MySql项目
weixin_58017233的博客
03-26 1035
使用小皮运行Vue+MySql项目！！
vue部署phpStudy
lv657780329的博客
07-21 344
server {.+)$;
windows环境下 Vue3+Vite+Go phpstudy(mysql+nginx) 服务端部署.
weixin_41696782的博客
09-15 222
这样不会因为go引发的panic导致go程序闪退.main所在目录出现main.exe执行文件.压缩一下新生成的dist文件夹所有文件待用。包括一些报错,也可以在控制台中显示.建议使用cmd控制台启动go文件.因为我之前在go中自己写了log.
thinkphp5 关于跨域的一些坑，附上解决办法（比较全面了）
we
06-17 4371
前几天写过一次，然后被管理员移出首页了，原因是写的不好。。。。哈哈确实也不好，而且我按我自己的博客来重新操作，发现。。。还有有跨域问题！，惭愧惭愧，而且当我重新在百度搜索的时候发现，，，我这文章竟然显示在第一条。。。为了不误人子弟，经过各种查找各种搜索，现重新整理出跨域解决方案，我觉得应该是市面上比较详细的了吧，开始：项目背景：前端是uniapp开发的h5，后端是tp5，其他语言我觉得应该大同小异，主要是思路，本文就以这俩为例吧1、首先在tp5的入口文件：public/index.php 在里面添加三行：1
phpstudy中nginx环境配置伪静态去掉index.php
weixin_44694538的博客
01-11 1598
server { listen 80; server_name mylaravel.com; root "D:/WWW/laravel/public"; location / { index index.php index.html error/index.html; ...
将vue项目部署到PHP服务器,多个Vue项目部署到服务器的步骤记录
weixin_39849930的博客
08-12 755
今天带来多个Vue项目部署到服务器的步骤记录教程详解一、业务描述：最近在做一个电商的项目，里面有平台端和商家端以及用户端，那么这么多Vue项目如何部署到服务器呢？二、部署(1)首先在本地测试项目可以启动并且能正常运行。(2)在项目中输入npm run build此时会生成一个文件(3)在服务器上安装Nginx，并将admin-web上传到服务器。我上传的位置：(4)修改Nginx文件，找到ngin...
Vue项目部署的实现（阿里云+Nginx代理+PM2）
12-12
最近部署一个Vue项目到阿里云ECS上，因为项目涉及一些跨域请求，所以采用了Nginx代理请求本地的node服务（利用pm2做进程管理）。node服务借助axios设置headers的referer、host转发请求，解决跨域请求问题。 先交代下...
多个Vue项目部署到服务器的步骤记录
01-18
最近在做一个电商的项目，里面有平台端和商家端以及用户端，那么这么多Vue项目如何部署到服务器呢？ 二、部署 （1）首先在本地测试项目可以启动并且能正常运行。 （2）在项目中输入npm run build 此时会生成一个...
fastadmin+vue nginx部署
01-07
index index.php index.html index.htm default.php default.htm default.html; root /var/www/html/yiqingguankong_server/public; location /fe{ try_files $uri $uri/ /fe/index.html; } location / { if ...
imi-ai 一个基于 PHP+Swoole+Vue 的 ChatGPT 开源项目可以简单快速部署
最新发布
04-07
imi-ai 是一个基于 PHP+Swoole+Vue 的 ChatGPT 开源项目，可以简单快速部署。imi-ai 是一个 ChatGPT 开源项目，支持聊天、问答、写代码、写文章、做作业等功能。项目架构合理，代码编写优雅，简单快速部署。前后端...
pHp封装成vue,.vue文件的生成和使用实例分享
weixin_28811757的博客
03-09 615
这几天新项目用vue2.0开发，由于之前没用过vue，拿到项目框架看到都是.vue文件，本文主要和大家介绍vue2.0开发入门笔记之.vue文件的生成和使用,非常具有实用价值，需要的朋友可以参考下，希望能帮助到大家。不知道怎么用，以下是关于.vue文件的发现：1、一个.vue文件是一个封装的组件，在.vue文件里可以写 html, css, js其中template 中写html 代码，其实就是定...
phpstudy+nginx+vue-cli+后端项目如何解决跨域调用问题
qq_34701838的博客
12-01 4169
一、前言 公司开发oehr项目使用前端的Vue2.6脚手架，但是登陆要跳转到CAS进行oss统一集中验证登录后返回验证token令牌，最后请求后端的数据。 二、部署过程 ①在Vue脚手架运行npm run serve ②phpstudy借用nginx实现反向代理，解决跨域的根本措施。 域名就是你打开vue前端的路由地址。 ③ 选择设置打开配置文件找到dev_oehr.eminxing_80 的serve配置文件 proxy 里的target就是上面设置的域名， /api对应...
使用phpstudy在windows系统部署vue打包后的项目，在局域网内通过IP:端口号的形式访问
weixin_40563746的博客
07-30 1976
部署方法 假设本机的ip为192.168.1.136，部署方法如下： 1.在phpstudy上配置上网站，设置好虚拟域名（不会的可以百度phpstudy的手册） 2.phpstudy修改配置 2.1.点击菜单栏“设置-配置文件-httpd.conf” 里面取消注释以下三行 #LoadModule proxy_module modules/mod_proxy.so #LoadModule proxy_http_module modules/mod_proxy_http.so #LoadModule rewr
使用phpstudy的nginx进行跨域
树欲静
07-22 1988
使用phpstudy的nginx进行跨域
安全基础第五天：跨域
weixin_62870380的博客
03-15 534
跨域
phpstudy中php 5.6跨域设置
qq_23614619的博客
01-29 3603
一般来说 配置 header("Access-Control-Allow-Credentials: true"); 就能解决问题 在用 phpStudy继承环境 php版本为php-5.6.27-nts 时，发现这样的方式解决不了跨域问题，在需要在php.ini 中将 always_populate_raw_post_data = -1 这句打开 ---------------------  作...
Apache设置反向代理
热门推荐
zhangrouzhu的博客
07-10 5万+
Apache安装省略。　一、配置http反向代理地址1、首先确保Apache有这些模块，在Apache根目录下确认有这些模块，主要包含以下模块：mod_proxy.somod_proxy_ajp.somod_proxy_balancer.somod_proxy_connect.somod_proxy_http.so 然后打开配置conf/httpd.conf文件，将这些模块的注释去除，如下图所示：...
vue项目怎么部署到使用php的nginx
05-18
将Vue项目部署到使用PHP的Nginx服务器，需要进行以下步骤： 1. 构建Vue项目：在Vue项目的根目录下，运行命令`npm run build`，生成dist文件夹。 2. 配置Nginx服务器：在Nginx服务器中配置一个虚拟主机，并将虚拟...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值