首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我正在使用Putty来运行和编译vue js + laravel应用程序。更改未生效

Putty是一个远程登录工具,用于通过SSH协议连接到远程服务器。它可以在Windows操作系统上运行,并提供了一个命令行界面,用于执行各种操作,包括运行和编译应用程序。

Vue.js是一个流行的前端JavaScript框架,用于构建用户界面。它具有响应式的数据绑定和组件化的开发方式,使得开发者可以更轻松地构建交互性强的Web应用程序。

Laravel是一个流行的后端PHP框架,用于构建Web应用程序和API。它提供了丰富的功能和工具,使得开发者可以更高效地开发和维护应用程序。

根据您的描述,您正在使用Putty来运行和编译Vue.js + Laravel应用程序,但更改未生效。这可能是由于以下几个原因导致的:

  1. 缓存问题:Vue.js和Laravel都使用了缓存机制来提高性能。如果您对应用程序进行了更改,但更改未生效,可能是因为缓存仍在使用旧的代码。您可以尝试清除Vue.js和Laravel的缓存,以确保更改生效。
  2. 配置问题:Vue.js和Laravel都有各自的配置文件,用于指定应用程序的行为。如果您对配置文件进行了更改,但更改未生效,可能是因为配置文件未正确加载或更改未正确保存。您可以检查配置文件的路径和内容,确保更改已正确应用。
  3. 依赖问题:Vue.js和Laravel都依赖于其他库和组件。如果您更改了这些依赖项的版本或配置,但更改未生效,可能是因为依赖项未正确安装或加载。您可以检查依赖项的版本和安装情况,确保它们与您的更改兼容。
  4. 代码错误:如果您对应用程序的代码进行了更改,但更改未生效,可能是因为代码中存在错误。您可以使用调试工具(如浏览器的开发者工具)来检查代码并查找错误。确保您的代码没有语法错误或逻辑错误。

总结起来,如果您在使用Putty运行和编译Vue.js + Laravel应用程序时遇到更改未生效的问题,您可以尝试清除缓存、检查配置、检查依赖项和调试代码,以找出问题所在并解决它。如果问题仍然存在,您可以提供更多详细信息,以便我们能够更好地帮助您解决问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

通过 Laravel 创建一个 Vue 单页面应用(一)

一个以 Laravel 为后端的 Vue SPA 应用的基本运行流程如下: 第一个请求触发服务端的 Laravel 路由 Laravel 渲染 SPA 布局 接下来的请求使用 history.pushState...通常会这么做,因为这可以让轻松地分辨出哪些是可复用的组件,哪些是纯页面组件。 前端页面做到这些,就已达到运行我们的 Vue 应用所需要的了。接下来,我们需要定义好后端路由和服务端模板。...服务器端 我们使用带有 Vue SPA 的 Laravel 应用程序框架,可以很方便的在我们的应用程序中构建服务端 API。...我们还可以使用 Blade 渲染应用程序并且通过全局 JavaScript 对象配置公共环境,认为这是很方便的。 在本教程中,我们不会去构建一个 API 实例,但是我们将在后续教程中介绍。...运行项目 自此, 我们完成了一个使用 Vue Vue Router 的 SPA 应用的基本框架, 接下来让我们通过运行 JavaScript 让它显示出来: yarn watch # 或 npm run

4.2K20

Laravel 项目中编写第一个 Vue 组件

CSS 框架一样,Laravel 不强制你使用什么 JavaScript 客户端框架,但是开箱对 Vue.js 提供了良好的支持,如果你更熟悉 React 的话,也可以将默认的脚手架代码替换成 React...既然已经有这么丰富的资源,关于 Vue.js 的介绍使用这里就不赘述了,我们重点来介绍如何在 Laravel 中通过 Vue 组件构建前端页面功能。...、可读性可维护性,下面我们以 Laravel 默认的欢迎页面为例,将其改为通过 Vue 组件实现,希望可以帮助你快速入门如何在 Laravel 中编写 Vue 组件。...最后我们引入了编译后的 app.js 文件,完成 Vue 组件的挂载渲染。...这样,我们就将之前默认实现的欢迎页面改写为了通过 Vue 组件构建的页面,在项目根目录下运行 npm run dev 重新编译前端资源(如果之前没有运行过 npm install 的话,需要先运行这个命令

3.3K30

使用Webpack提升Vue.js应用程序的4种方法(翻译)

Optimising the Vue build 如果仅在Vue应用程序*中使用渲染功能,而没有HTML模板,则不需要Vue的模板编译器。...您可以通过从Webpack构建中省略编译减小捆绑包的大小。 请记住,单个文件组件模板已在开发中预编译以呈现功能!...Vue.js库只有运行时版本,其中包含Vue.js的所有功能,但模板编译器称为vue.runtime.js。它比完整版本小20KB,因此如果可以的话值得使用。...默认情况下,仅使用运行时构建,因此,每次使用 import vue from 'vue' 时,都将使用它。在您的项目中,这就是您所得到的。...您可以使用DefinePlugin设置process.env.NODE_ENV的值,并使用UglifyJsPlugin减少代码并去除使用的块: if (process.env.NODE_ENV =

2.6K20

Vuebnb:一个用vue.jsLaravel构建的全栈应用

今年一直在写一本新书叫全栈Vue网站开发:Vue.js,VuexLaravel。它会在Packt出版社在2018年初出版。 这本书是围绕着一个案例研究项目,Vuebnb,简单克隆Airbnb。...概述 作为一个完整的全栈应用程序,Vuebnb由不同的部分组成: 前端应用,使用Vue.js构建。使用Vue-Router管理页面创建,用Vuex管理全局状态。...通过Vuex存储状态,可以保持整个页面的使用。为了在会话中持久化状态,通过Ajax将它发送回存储在数据库中的服务器。通过Laravel的验证接口验证相关API调用。...例如,有一列数据是从Laravel到内页的,Vue.js通过使用刀片视图实现,可以很容易地使用模板变量向页面头部注入数据。这个数据可以在Vue应用程序中就初始化。...在本文中没有提到的其他主题包括: Vue.js数据绑定的核心概念、指令生命周期挂钩 建立全栈应用的最佳实践开发工作流Vue/laravel,包括WebPack。

6K10

2020 年的 JavaScript 后起之秀

标准库”为通常需要在 Node.js 中安装软件包的常见需求提供解决方案 Deno 使用尽可能多的 Web 标准(例如:Fetch API) 使用 ECMAScript 模块导入的文件 内置测试运行调试器...一方面,像 Next.js Nuxt 这样的全栈框架,在将 React Vue.js 带到服务器端时,对构建应用程序也会有解决方案。...它带有新的 Composition API,可解决 Vue.js 2 的几个问题: 很难通过组件内部的逻辑关注组织代码 跨组件的代码重用更加容易(使用 Vue 2,mixins,mixing factory...由 ES 模块提供支持,这是从命令行开始使用 Vue.js 应用程序的最快方法。 Angular 生态 排名前 5 位的 Angular 项目与去年基本相同,除了排名第三的新竞争者。...该团队付出了巨大的努力对问题 PR 进行分类,以理解和解决社区的需求。他们还发布了 路线图, 以共享团队正在做的事情以及他们对未来的计划。

2.4K20

结合 Bootstrap + Vue 组件实现 Laravel 异步分页功能

关于如何使用 Laravel 自带的分页功能进行分页,可以参考官方文档中的分页章节,说的非常清楚,在这篇教程中我们就不再一一演示了,不过 Laravel 自带的分页器实现的分页链接是动态 URL,不利于.../app.js') }}"> 在这个视图中,我们初始化了页面布局,并且引入 /css/app.css /js/app.js 文件,最后在主体部分通过以下代码引入...目前,我们在视图文件中没有编写任何可视化的代码,所有文章渲染分页链接功能都将集成到 Vue 组件中完成,接下来,就让我们编写这个 Vue 组件。...-4.blade.php 实现功能完全一致,只不过将其转化为 Vue 组件实现。...如果你对相应的 Vue 语法不熟悉,请参考 Vue 中文文档。 测试异步分页组件 接下来,我们测试下这个分页组件。在此之前,先运行 npm run dev 重现编译前端资源让分页组件生效

7.4K20

详解将数据从Laravel传送到vue的四种方式

在过去的两三年里,一直在研究同时使用 Vue Laravel 的项目,在每个项目开发的开始阶段,必须问自己 “将如何将数据从 Laravel 传递到 Vue ?”。...这适用于 Vue 前端组件与 Blade 模板紧密耦合的两个应用程序,以及运行完全独立于 Laravel 后端的单页应用程序。 这里有四种不同的方法从一个到另一个获取数据。...Laravel 自身的 mix 编译,那么事情实际上会变得非常简单。...例如,如果的环境变量文件中有 API_DOMAIN=example.com,可以在Vue 组件(或使用 mix 编译的其他 JavaScript )中使用 process.env.API_DOMAIN...这个方法唯一警告的是,你必须使用 Laravel 一个 blade 模板渲染前端。这样框架可以将必要的会话令牌变量注入到请求当中。 使用 JWT 认证的 API 调用 ?

8K31

Laravel Jetstream是什么以及如何入门?

介绍 Laravel Jetstream 与 Laravel 8 一起于2020年9月8日发布。 Laravel Jetstream 是 Laravel 新的应用程序支架。...Laravel Jetstream取代了旧版Laravel中可用的Laravel认证UI。 在本教程中,将向你快速介绍什么是Laravel Jetstream以及如何开始使用它。...之后,需要运行 artisan jetstream:install 并指定要使用的开发前端使用的堆栈: 如果想将 Livewire Blade 结合使用,则运行以下命令: php artisan jetstream...:install livewire 如果想将 Inertia 与 Vue 结合使用,则运行以下命令: php artisan jetstream:install inertia 以上命令,也可以添加...: resources/js/Pages/Profile/UpdateProfileInformationForm.vue 以下文件处理用户更新逻辑: app/Actions/Fortify/UpdateUserProfileInformation.php

6.3K20

最受推荐的 9本全栈开发书籍,助web前端开发学习

2、《Full-Stack Vue.js 2 and Laravel 5》 Vue是一个JavaScript框架,Laravel是一个PHP框架,用于开发快速安全的web站点。...这本书结合实际示例,使用VueLaravel,帮助你建立现代全栈的web应用程序,在本书中,你将搭建一个名为Vuebnb的订房网站。...这是的web前端交流3000人裙,有任何问题可以随时咨询。...本书首先对Vue.js及其核心概念进行了全面的介绍,并对每个概念进行了解释,然后再在项目中实践;然后,你将使用Laravel构建一个web服务,并将前端集成到一个完整的堆栈应用程序中。...最后,你还将了解如何使用Laravel Passport来处理VueAPI之间的经过身份验证的AJAX请求,从而完成整个堆栈结构。

3.9K10

【Vuejs】397- Vue 3最值得期待的五项重大更新

为此我们需要使用 Vue.set Vue.delete 保证响应系统的运行符合预期。有了 JS 代理后,我们终于可以摆脱这种丑陋的解决方案了。...这样一两条队伍中的顾客都应该会满意这个解决方案。 这正是 CPU 运行 Web 应用程序的工作机制。...我们可以使用跟踪消除不必要的组件重新渲染,将其与时间分片配合使用,就成为了优化运行时性能的非常强大的武器。...大多数提及的改进将隐藏在 Vue 编译器生成的代码中,或者融入实现细节算法中。 还有几项改进值得一提: 输出代码将更容易针对 JavaScript 编译器优化。 输出代码通常会更好地优化。...认为 Vue 3 非常适合现代移动优先性能导向的 Web 开发工作。 别忘了 Vue 是唯一由社区完全驱动的主流框架。本文列出的所有更改其他更多更改)都以 RFC 的形式与社区一起讨论过了。

55240

AngularVue.js 深度对比

Vue.js 是开源的 JavaScript 框架,能够帮助开发者构建出美观的 Web 界面。当其它网络工具配合使用时,Vue.js 的优秀功能会得到大大加强。...如今,已有许多开发人员开始使用 Vue.js 取代 Angular React.js  。 那么对于 Angular React.js ,开发者该如何选择呢?...Vue 可以帮助开发人员以任何想要的方式构建应用程序,这是 Angular 做不到的。...何时选择 Vue.js? 如果你希望通过以最简单的方式制作 Web 应用程序,那么你应该选择 Vue。...如果你很熟悉 ES5 Javascript HTML,那么请使用 Vue 完成你的项目。 如果你想要在浏览器中编译模板并且使用其简单性,使用独立版本的Vue会很好。

5.4K30

如何使用webpack减少vuejs打包的大小

有18个地方在代码中导入了moment.js本可以在代码中进行全局搜索替换。但是如果我们向框架添加一个新的应用程序,开发人员很可能会使用默认调用来导入moment.js。...我们可以使用resolve设置别名在我们的vue.config.js文件添加该别名。这是vue.config.js现在的样子。...Vue-echarts运行在echarts之上。 Vuetify一样,正在运行两种产品的旧版本。...发现最新版本的vue-echarts允许你通过更改导入的内容加载较小的包。...如果要创建生产环境Vue应用程序,则应该花时间评估构建大小。 使用webpack-bundle-analyzer确定哪些项目占用的空间最多。 然后开始采取必要步骤减少这些项目的大小。

1.7K10

通过 Laravel 创建一个 Vue 单页面应用(六)

我们还研究了如何将 HTTP 客户机提取到一个专用模块中,以便在整个应用程序中重用。...提醒一下,本教程并不关注权限;我们使用内置的 Laravel users 表演示如何在 Vue 路由器项目的上下文中使用 CURD。...以下是迄今为止的系列概要: 第1部分 – 设置项目 Vue 路由器 第2部分 – 在 Vue 路由器中加载异步数据 第3部分 – 在 Laravel 中创建真实的用户端 第4部分 – 编辑用户 第5部分...在此指出,我们其实还可以做很多,包括使用一个类似 Bootstrap 的 CSS 框架等等。但为了让那些从来没有使用Vue Router ,也没有做过单页应用的人更好上手,决定只关注核心部分。...原文地址:https://laravel-news.com/building-a-vue-spa-with-laravel-part-6 译文地址:https://learnku.com/laravel

3.8K20

十大Java编程工具

如果您正在使用 Java 技术,您应该已经熟悉这些工具,但如果您不熟悉,那么现在是了解探索它们的好时机。...发现 Netbeans 更适合用于 Web 开发,因为它带有捆绑的 tomcat 或任何其他应用程序服务器,并且可以创建项目、运行调试它们。...6.Eclipse 插件 在 Eclipse 中使用了很多不同用途的插件,例如用于反编译 Java 类文件的 JadEclipse、用于创建 UML 图的 eUML、用于在 Eclipse 中创建和运行基于...8.FileZilla 如果您的开发环境是 Windows 并且您的应用程序在 UNIX 或 Linux 上运行,那么您肯定需要一个工具将文件从 Windows 传输到 Linux,以及从 UNIX...10.赛格温 因为主要在 UNIX 机器上工作,所有的 Java 应用程序都在那里运行。但是,当我需要在 Windows 上工作时,我会想念find、grep、xargsvi等工具命令。

1.7K10

【译】如何使用webpack减少vuejs打包的大小

有18个地方在代码中导入了moment.js本可以在代码中进行全局搜索替换。但是如果我们向框架添加一个新的应用程序,开发人员很可能会使用默认调用来导入moment.js。...我们可以使用resolve设置别名在我们的vue.config.js文件添加该别名。这是vue.config.js现在的样子。...Vuetify一样,正在运行两种产品的旧版本。...发现最新版本的vue-echarts允许你通过更改导入的内容加载较小的包。...如果要创建生产环境Vue应用程序,则应该花时间评估构建大小。 使用webpack-bundle-analyzer确定哪些项目占用的空间最多。 然后开始采取必要步骤减少这些项目的大小。

4.1K20

Vue.js 首次屈居第二,JavaScript 2020 年度“新起之秀”都有谁?谁是第一呢?

值得一提的是,前五名中有个新面孔——Alpine.js,一个由 Laravel LiveWire 为浏览器设计的极简反应框架,借鉴了 Vue.js Angular 中自定义 HTML 指令双向绑定等特点...一种,是像 Next.js Nuxt 这样的全栈框架,在将 React Vue.js 带入服务器端时会对如何构建应用有自身的见解;还有一种,是那些只在服务器上运行的经典选项,例如 Nest (去年该类别的冠军...其新的 Composition API,可改善 Vue.js 2 中的三个限制: 很难通过组件内部的逻辑关系组织代码; 简化跨组件的代码重用(使用 Vue 2,mixins,mixing factory...该工具由 ES 模块提供支持,是从命令行开始使用 Vue.js 应用程序的最快方法。 ? ?...移动应用程序 ? JS 特色/编译器 ? 状态管理 ? GraphQL ? 学习资源 ? ?

2.2K20
领券