<VirtualHost *:80>
ServerAdmin steve@steve.com
DocumentRoot "C:\xampp\htdocs\your-project\public"
ServerName local.your-project
<Directory "C:/xampp/htdocs">
Options Indexes FollowSymLinks
AllowOverride All
Order allow,deny
Allow from all
Require all granted
</Directory>
</VirtualHost>
2条答案
按热度按时间smtd7mpg1#
如果你想要这个功能,你需要运行一些服务,比如browsersync。我认为您需要使用比内置服务器更真实的web服务器,但我不确定。
我已经在本地使用了laradock,一旦设置了laradock,就可以很容易地运行browswersync并获得实时刷新。
mpgws1up2#
注意:说明不依赖于xampp。您可以使用任何apache/nginx服务器设置堆栈。i、 让灯跟随。
这假设您正在使用xampp
安装xampp。
将您的项目移动/设置到
htdocs
xampp的文件夹(C:\xampp\htdocs
)注意:继续,我将使用
your-project
指的是你实际的项目名称。为项目设置虚拟主机。即:
打开文件:
C:\xampp\apache\conf\extra\httpd-vhosts.conf
然后在此文件末尾添加以下标记:你可以改变主意
ServeAdmin
及DocumentRoot
正如你所说。调整你的
hosts
要始终路由到的文件127.0.0.1
从浏览器访问项目时。对于“windows操作系统”用户,您可以在以下位置找到该文件:
C:\Windows\System32\drivers\etc\hosts
打开hosts
归档并在末尾添加以下行:127.0.0.1 local.your-project
确保启用/安装了必要的php扩展以顺利运行项目。您可能需要删除前面的
;
各行上的字符以启用这些扩展名。对于“windows操作系统”用户,您可以在以下位置找到配置文件:
C:\xampp\php\php.ini
打开你的php.ini
配置文件,并确认以下扩展名已启用。注意:下面的所有命令都假定终端/命令提示符指向项目根目录。即:
cd C:\xampp\htdocs\your-project
确保mysql和apache服务都在运行。设置laravel混合
browserSync
.注意:下面的命令假定node.js和npm已经安装在您的计算机上。
安装
browser-sync
npm i browser-sync --save-dev
安装browser-sync-webpack-plugin
npm install browser-sync-webpack-plugin --save-dev
安装任何挂起的unrun依赖项。npm install
打开位于的文件your-project-root-directory\webpack.mix.js
在该文件末尾添加以下配置。[可选]。如果你使用
sass
在应用程序中,您可能希望包含以下依赖项。npm install sass-loader sass resolve-url-loader --save-dev
整理你的资产。npm run dev
开始监视项目文件更改。npm run watch
此时,如果浏览器已打开,则项目可能已自动加载。如果不是这样,请打开浏览器并搜索此url。http://localhost:8089/
这表示port
您可以在配置时进行设置browserSync
.从这一点开始,,
browserSync
将在您更改项目文件时自动刷新页面。下一步(前进)
无论何时开始处理项目,只要确保mysql和apache服务都在运行即可。然后跑
npm run watch
在你的终点站browserSync
开始侦听文件更改。额外资源
laravel |汇编资产(混合)
laravel | laravel混合物