1、安裝wampserver

2、在wampserver3下快速配置多站點多目錄

https://www.cnblogs.com/WalAmar/p/6136110.html

3、複製目錄下的.env.example 重新命名為.env

配置好資料庫：

DB_CONNECTION=mysql
DB_HOST=localhost
DB_PORT=3306
DB_DATABASE=datanet
DB_USERNAME=root
DB_PASSWORD=123456

4、配置apatch的另外兩個檔案：

參考：

https://blog.csdn.net/qq_37391017/article/details/82978956

https://www.cnblogs.com/qy123/p/7092470.html

注意：

站點的目錄是檔案的目錄，要具體到public資料夾下，因為public資料夾才可以被訪問

參考：

# Virtual Hosts
#
<VirtualHost *:80>
  ServerName localhost
  ServerAlias localhost
  DocumentRoot "${INSTALL_DIR}/www"
  <Directory "${INSTALL_DIR}/www/">
    Options +Indexes +Includes +FollowSymLinks +MultiViews
    AllowOverride All
    Require local
  
 
</Directory>
</VirtualHost>

<VirtualHost *:80>
  ServerName datanet.cc
  DocumentRoot "D:\projects\project\firmProject\Datanet\datanet\public"
  <Directory "D:\projects\project\firmProject\Datanet\datanet\public">
    Options +Indexes +Includes +FollowSymLinks +MultiViews
    AllowOverride All
    Require all granted
  
 
</Directory>
</VirtualHost>

5、配置web目錄下的dev.env.js

修改BASE_API：

這是原本的dev.env.js：

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  BASE_API: '"http://your-site.homestead/api"',
})

這是修改後的，主要修改http後面的為你配置的域名

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  BASE_API: '"http://datanet.cc/api"'
})

6、修改完所有的後，重啟服務

wampserver重啟服務