php - 如何上传 Laravel 并将应用程序反应到像 GoDaddy 这样的托管服务器
问题描述
我有一个即将上传到 GoDaddy 主机。我刚刚使用 Laravel API 和 React JavaScript for UI 创建了一个应用程序。我曾经laravel preset react
在 Laravel 项目中使用过 react。我想知道如何将此项目上传到 GoDaddy 主机以使其生效。
如果我创建一个 zip 文件并将其上传到服务器,由于 node_modules 也包含在 zip 中,因此项目大小会变大。
下面是我的 package.json
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "npm run development -- --watch",
"watch-poll": "npm run watch -- --watch-poll",
"hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
"prod": "npm run production",
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
"devDependencies": {
"axios": "^0.18",
"babel-preset-react": "^6.23.0",
"bootstrap": "^4.0.0",
"browser-sync": "^2.26.3",
"browser-sync-webpack-plugin": "^2.0.1",
"cross-env": "^5.1",
"jquery": "^3.2",
"laravel-mix": "^2.0",
"lodash": "^4.17.5",
"popper.js": "^1.12",
"react": "^16.2.0",
"react-dom": "^16.2.0"
},
"dependencies": {
"loadjs": "^3.5.5",
"npm": "^6.4.1",
"react-router-dom": "^4.3.1"
}
}
下面是我的 webpack.mix.js
let mix = require('laravel-mix');
mix.react('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');
mix.browserSync('http://localhost:8000');
下面的文件(index.blade.php)包含反应应用容器:
<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Basic Page Needs -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Project</title>
<meta name="keywords" content="Organic, Fresh Food, Farm Store">
<!-- Favicon -->
<link rel="shortcut icon" href="img/favicon.png" type="image/png">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">
<!-- Vendor CSS -->
<link rel="stylesheet" href="{{URL::asset('/libs/bootstrap/css/bootstrap.css')}}" type="text/css">
<link rel="stylesheet" href="{{URL::asset('/libs/font-awesome/css/font-awesome.min.css')}}" type="text/css">
<!-- Template CSS -->
<link rel="stylesheet" href="{{URL::asset('css/style.css')}}" rel="stylesheet" type="text/css">
<!-- App Css
<link href="{{URL::asset('css/app.css')}}" rel="stylesheet" type="text/css"> -->
</head>
<body class="home home-4">
<div class="all">
<div id="app"></div>
</div>
<!-- App JS -->
<script src="{{URL::asset('js/app.js')}}" ></script>
<!-- Vendor JS -->
<script src="{{URL::asset('/libs/jquery/jquery.js')}}"></script>
<script src="{{URL::asset('/libs/bootstrap/js/bootstrap.js')}}"></script>
<!-- Template JS -->
<script src="{{URL::asset('js/main.js')}}"></script>
</body>
</html>
解决方案
推荐阅读
- postgresql - Apache Airflow 将 Postgress 安装为后端数据库 - 错误
- html - 如何减少同一 mat-option 中文本行之间的间距?
- c++ - C++ 析构函数:无法访问类中声明的私有成员
- css - 悬停结束时的抵消效果
- java - 如何使用 RxJava 持续更新 UI
- azure-cosmosdb - 使用 .NET SDK 在 Cosmos DB 中批量删除支持
- ruby-on-rails - Herkou Redis - 证书验证失败(证书链中的自签名证书)
- c# - 如何使用 ServiceStack 和 Angular 下载动态生成的 XML 文件?
- c++ - 为什么我的 C++ 并行程序在 MPI_Gather 中出现 MPI 致命错误?
- python - 计算点Python的突然变化