开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Vue开发版本可以工作，但生产版本不能(Vue CLI + Django)

问题：Vue开发版本可以工作，但生产版本不能(Vue CLI + Django)

回答： Vue开发版本可以工作，但生产版本不能的原因可能是由于前后端分离开发中的一些配置或部署问题导致的。下面我将从几个方面进行解答。

前后端分离开发： Vue开发版本和生产版本的区别在于开发版本通常使用Vue CLI进行本地开发和调试，而生产版本则需要将前端代码打包并与后端进行集成部署。在前后端分离开发中，前端负责UI界面和交互逻辑，后端负责数据处理和业务逻辑。
配置问题：在Vue CLI中，开发版本和生产版本的配置文件可能存在差异。开发版本通常会使用webpack-dev-server等工具提供本地开发环境，而生产版本则需要进行打包、压缩和优化等操作。因此，需要确保生产版本的配置文件正确设置，以确保前端代码能够正确地与后端进行集成。
跨域问题：在前后端分离开发中，前端代码通常运行在不同的域名或端口上，可能会遇到跨域访问的问题。在开发版本中，可以通过配置代理解决跨域问题，但在生产版本中，需要确保后端接口已经正确设置了跨域访问的权限。
部署问题：生产版本的部署需要将前端代码打包成静态文件，并与后端代码一起部署到服务器上。在部署过程中，需要确保前端代码的路径和后端代码的路径正确配置，以及服务器环境的配置符合前端代码的运行要求。

综上所述，如果Vue开发版本可以工作，但生产版本不能，需要仔细检查前后端分离开发中的配置、跨域访问和部署等问题。如果问题仍然存在，可以进一步查看前端和后端的日志信息，以便定位和解决具体的错误。同时，可以参考腾讯云提供的相关产品和文档，如腾讯云云服务器、腾讯云对象存储等，以便更好地支持Vue和Django的部署和运行。

腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器：https://cloud.tencent.com/product/cvm
腾讯云对象存储：https://cloud.tencent.com/product/cos

相关搜索:如何配置生产版本和开发版本vue-cli Nuxt layout/error.vue在生产构建中不能像在开发中那样工作 CSS关键帧在开发环境中工作良好，但在生产版本中不能正常工作为什么我的Django登录可以在开发服务器上工作，而不能在生产服务器上工作？使用Vue构建的自定义静音/取消静音按钮在生产中神秘地不起作用，但在开发中却可以完美地工作服务器网站绑定服务器运维书籍服务器与3g通信服务器10m宽带服务器中的虚拟机

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Vue的学习（十二）vue开发的脚手架 vue cli2 ，vue cli3 ,2个版本的脚手架创建vue项目的命令分别是什么

脚手架使用的前提环境配置脚手架使用的前提 webpack的配置安装vue cli脚手架 vue --version 以上这个命令是看安装的脚手架的版本， @vue/cli 4.5.9 这个就是打印出来的版本...，现在的版本是4.5.9 在高版本的基础上面使用2.x版本，那么就安装一个模板，就既可以使用高版本，也可以使用低版本命令是 npm install @vue/cli-init -g 以上就创建了2个版本的脚手架了...2个版本的脚手架创建vue项目的命令分别是什么 ?

5791 0

Python项目44-前后端分离项目(前戏)

# 先找到virtualenvwrapper的工作文件 virtualenvwrapper.sh，该文件可以刷新自定义配置，但需要找到它 # MacOS可能存在的位置 /Library/Frameworks...官网：TP 可以搜索logging，如果看中文可以把en替换成zh-hans ---- 开发环境配置日志 LOGGING = { 'version': 1, 'disable_existing_loggers...生产环境中可以不配置这个文件，因为这是开发的过程中需要测试用的文件。...最新脚手架: >: cnpm install -g @vue/cli 注：如果2、3步报错，清除缓存后重新走2、3步 >: npm cache clean --force 4.查看版本 MacBook-pro...:luffyapi driverzeng$ vue -V @vue/cli 4.3.1 ---- 创建vue项目 ## 进入项目目录 MacBook-pro:~ driverzeng$ cd /Users

1.9K1 0

【deepseek用例生成平台-02】大白话了解前端创建流程：vue项目创建！

我们上节课做的django只是后端的服务，并没有前端，所以接下来就是做前端项目，这个前端项目用vue来做。做完之后再和后端django链接起来就有雏形了。...，但命名有很大变化，3代之前叫vue-cli ，3代之后教@vue/cli，而现在已经出到5.x了。...-g 查看vuecli版本：vue -V 然后开始正式安装：那安装的位置呢？很多小伙伴会说，既然是前后端分离的，中间又用http链接，那么位置放在哪都可以吧，甚至不是在这个电脑都可以。...然后测试人员就可以去通过网址进行测试了。而我们现在的问题是，我们做测试平台，尤其是这种小规模的，开发者就你自己一个人，你还要搞好几台电脑或服务器么？一台能做的事就一台做吧。...而教程也不能东一句，西一句的，一会这个电脑，一会那个地址的去讲，很容易造成学员思维混乱，无法学习。

750 0

教你玩转Vue和Django的前后端分离

前后端彻底分离带来的优点是显而易见的： 1.提高工作效率，分工更加明确前后端分离的工作流程可以使前端只关注前端的事，后台只关心后台的活，两者开发可以同时进行，在后台还没有时间提供接口的时候，前端可以先将数据写死或者调用本地的...或者你想开发一个效率工具给大家用，web 开发都是最好的方式。学习前端，可以更好的理解网站、浏览器的工作机制，爬虫原理，也可以发现其他网站的一些漏洞，bug，完善自己的编程知识体系。...8.9 或更高版本，然后再使用 npm 安装 vue-cli： npm install -g @vue/cli 你就可以在命令行中访问 vue 命令。...html 文件不能与静态资源放在同一路径下，至少有一个相对目录才可以。...但默认的 vue 默认配置生成的静态资源和 index.html 是同级的，因此需要稍微调整下才可以。

2.9K2 2

vue django mysql_Python MySQL

工作之余断断续续根据网上找到的教程进行环境搭建，搭建了多个。...：创建前端目录：创建前段目录前要先确认本机是否安装了vue和vue cli，如何判断本机是否安装了vue呢，在Terminal窗口，输入：vue –version或vue -V，如果如下图显示版本号了...如果没有安装，可以按照这个教程安装VUE：http://www.runoob.com/vue2/vue-install.html 安装好vue以后，可以再用上面的命令看一下版本，上图中我们看到的版本号是...2.9.6，这个安装的是2.9.6版本的vue cli， vue cli 3.0及以上的版本安装方法不同，具体如下： vue cli安装方法：https://cli.vuejs.org/zh/guide.../installation.html 安装完以后，再用上面的命令查看一下版本：此时查出的版本号是3.3.0，vue cli就安装好了。

7442 0

Vue学习笔记2-安装Vue

二、四种方式 1.CDN包对于制作原型或学习，你可以这样使用最新版本： vue@next"> 对于生产环境，我们推荐链接到一个明确的版本号和构建文件...各种不同文件将在以后解释，但你通常需要同时下载开发环境构建版本以及生产环境构建版本。 3.npm 在用 Vue 构建大型应用时推荐使用 npm 安装[1] 。...4.命令行工具 (CLI) Vue 提供了一个官方的 CLI，为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了功能齐备的构建设置。...只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验，以及生产环境可用的构建版本。更多详情可查阅 Vue CLI 的文档。...这意味着你可以单独安装/导入这些依赖，而不会导致这些依赖项的不同实例，但你必须确保它们都为同一版本。

1.3K3 0

VUE官方文档讲解

使用官方的 CLI 来构建一个项目，它为现代前端工作流程提供了功能齐备的构建设置 (例如，热重载、保存时的提示等等)。...各种不同文件将在以后解释，但你通常需要同时下载开发环境构建版本以及生产环境构建版本。 #npm 在用 Vue 构建大型应用时推荐使用 npm 安装[1] 。...#命令行工具 (CLI) Vue 提供了一个官方的 CLI，为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了功能齐备的构建设置。...只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验，以及生产环境可用的构建版本。更多详情可查阅 Vue CLI 的文档。...这意味着你可以单独安装/导入这些依赖，而不会导致这些依赖项的不同实例，但你必须确保它们都为同一版本。

2K2 0

如何创建Vue项目并与后端django联调

vue-cli搭建 windows下安装vue环境使用之前，我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。...vue-cli: 用户生成Vue工程模板。...如何安装vue-cli？...django设置可以从static里取，vue就要设置在打包时往这个static里面存。...用户-电脑浏览器-django-dist包 -> vue-cli前端开发用的打包命令：进入vue-cli 根目录下，就是我们的vue_project的根目录下。

1.2K1 0

三年项目升级Vue3的踩坑经历

背景我们组三年前开发了一套NoCode平台命名为米鹿平台，旨在提升运营生产力，目前这个系统的用户数一直维持在一个相对较高的水准，并且有越来越多的新用户加入，所以对该平台开放的能力要求就变高了许多。...经过多次会议后，我们要将这个平台改造一下，可以接受外部组件，任何业务方的开发人员都可以给我们平台提供自定义组件，这样可以进一步提升开发和运营效率，充分发挥这个平台的作用。...项目介绍米鹿是一个拖拽搭建H5的工具，项目的生产端前端使用的vue-cli搭建而成，拖拽过程中的状态都存储在Vuex中，通过Vuex实现了了一套状态机模型，路由使用的是Vue-router，UI框架使用的...使用最新版本的Vue-cli生成新项目这里大家可能会有疑问，为什么还是使用Vue-cli而不用Vite。...测试工作十分重要，升级过程中可以逐步开始测试。

2.7K2 0

从零搭建一个django项目-4-搭建vue环境

msi文件，双击后一路下一步就可以了（可以选择自己喜欢的安装路径）。...npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm -v #查看版本 cnpm install -g @vue/cli...#安装vue vue -V #查看vue版本安装好了以后就可以创建vue项目了，在项目根目录vue create 项目名 ( vue create：vue -cli3.x 版本的初始方式，启动方式默认为...npm run serve vue init webpack : vue -cli2.x 版本的初始化方式，启动方式默认为 npm run dev ，webpack 为官方推荐模板 ) vue create...wx_vue cd wx_vue npm run serve 可以看到提示运行成功了并且给了我们一个访问地址，通过浏览器打开如果看到下面这个页面表示运行成功。

6652 0

用 Django + Electron + Vue 写一个桌面文档客户端

我就在想，能不能简化一下这个步骤。当然可以，开发一个桌面客户端就能够实现简化写文档这件事的步骤。有了想法之后，就是技术选型了。...经过一番调研，最终选择了如下的技术栈来开发这个桌面客户端： Electron：跨平台桌面应用开发框架 Vue：JavaScript 框架 ElementUI：Vue 的 UI 框架 Electron-store...创建项目在这里，我们使用 Vue脚手架 vue-cli 来搭建我们的桌面客户端。...首先安装vue-cli： npm install @vue/cli -g 然后使用 vue-cli 创建项目 vue create mrdoc-desktop 根据实际情况，选择需要的配置。...依赖和选择 Electron 的版本后，我们的项目就创建完成了。

2.4K2 0

使用Vue完成前后端分离开发Spring,Django,Flask（一）

-- TOC --> 使用Vue完成前后端分离开发（一）前言环境准备 nodejs vue-cli 创建 Vue 项目项目结构使用 elementUI 配置 Vuex 配置 axios 功能页面...前言本篇题为使用Vue,Spring Boot,Flask,Django 完成Vue前后端分离开发将通过一个项目整合(一前端项目对应三个后端项目)，完成一个简单的DEMO 其中前端项目使用 Vue.js...SpringMVC,JPA,Spring Data REST Flask: SQLAlchemy Django: Django REST framework 环境准备作为第一篇，这里主要介绍Vue环境的准备工作...-21HL6LG MINGW64 ~ $ npm -v 5.6.0 vue-cli 如果上面已经验证正确安装了 node 和 npm, 则使用 npm install -g vue-cli 完成 vue-cli...应用程序开发的状态管理模式。

2.4K2 0

Vue.js 入门1 安装

开发版本包含完整的警告和调试模式生产版本删除了警告，30.90KB min+gzip 1.5 CDN 我们推荐链接到一个你可以手动更新的指定版本号： vue@2.5.17/dist/vue.js"> Vue 也可以在 unpkg 和 cdnjs 上获取 (cdnjs 的版本更新可能略滞后...请确认了解不同构建版本并在你发布的站点中使用生产环境版本，把 vue.js 换成 vue.min.js。这是一个更小的构建，可以带来比开发环境下更快的速度体验。...同时 Vue 也提供配套工具来开发单文件组件。...它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验，以及生产环境可用的构建版本。

7621 0

vite_Vue 3全新的Web开发构建工具——Vite介绍

启动项目由于Vite使用了浏览器原生的ES模块导入功能，但IE 11并不支持ES的模块导入，因此基于Vite开发项目，浏览器不能使用IE11，其他主流的浏览器均支持ES模块的模块功能。...hello项目的目录结构可以发现，Vite生成的脚手架项目的目录结构与Vue CLI生成的项目目录结构很类似，确实是这样的，而且开发方式也基本相同。...": "^3.0.2" }, "devDependencies": { "vite": "^1.0.0-rc.8", "@vue/compiler-sfc": "^3.0.2" } } 如果要构建生产环境下应用的发布版本...，只需要在终端窗口中执行下面的命令即可： npm run build 虽然Vite的作者已经在背后做了很多工作，让我们能够沿用基于Vue CLI建立的脚手架项目的开发习惯，但仍然会有一些细微的差别，详细的介绍请参看...简单来说，就是使用Vite来开发Vue 3项目可以减少不必要的等待项目重启或模块更新的时间，加快开发进度。

6502 0

整合 Django + Vue.js 框架快速搭建web项目

一、背景在工作中我们经常须要构件一些基于web的项目，例如内部测试平台、运维系统等。本篇主要介绍如何使用后端Django + 前端Vue.js的技术栈快速地搭建起一套web项目的框架。...本篇使用Vue.js作为前端框架，代替Django本身较为孱弱的模板引擎，Django则作为服务端提供api接口，使得前后端实现完全分离，更适合单页应用的开发构建。...命令：pip install django即可安装最新版本的django Vue.js系： Node.js 6.1 有关Vue的模块(包括vue)我们都使用node自带的npm包管理器安装三、构建Django...前端项目 1、先用npm安装vue-cli脚手架工具（vue-cli是官方脚手架工具，能迅速帮你搭建起vue项目的框架）： `npm install -g vue-cli` 安装好后，在project...Django后端和Vue.js前端工程的创建和编写，但实际上它们是运行在各自的服务器上，和我们的要求是不一致的。

33K21 9

Vue2全家桶之一：vue-cli

打开C:\Users\Andminster\AppData\Roaming\npm目录下可以看到：打开node_modules也可以看到： 2.用vue-cli来构建项目 ① 我首先在D盘新建一个文件夹...4.vue-cli的webpack配置分析从package.json可以看到开发和生产环境的入口。...在webpack.dev.conf.js中出现webpack.base.conf.js，这个文件是开发环境和生产环境，甚至测试环境，这些环境的公共webpack配置。可以说，这个文件相当重要。...在项目开发完成之后，可以输入 npm run build 来进行打包工作。 npm run build 另： 1.npm 开启了npm run dev以后怎么退出或关闭？ ctrl+c 2....（开发阶段的依赖），所以开发阶段一般使用它打包完成后，会生成 dist 文件夹，如果已经修改了文件路径，可以直接打开本地文件查看。

5714 1

Vue2.0搭建脚手架流程

介绍 Vue.js是一套构建用户界面的渐进式框架。 Vue 只关注视图层，采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。...输入cnpm -v，可以查看当前cnpm版本，这个和npm的版本还是不一样的。 ?...使用cnpm的方法就是，需要用到npm的地方直接使用cnpm替换就可以了 vue安装安装vue-cli脚手架构建工具 vue-cli 提供一个官方命令行工具，可用于快速搭建大型单页应用。...只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目： # 全局安装 vue-cli $ cnpm install --global vue-cli 或者 $ cnpm...可以使用： #my-project为自定义项目名 $ vue init webpack my-project 会出现下面这些 ? 需要注意的是项目的名称不能大写，不然会报错。

7811 0

Vue 3 如何安装

Vue 的开发工具查看我们都知道在 vue2.x 有一个叫做 vue-devtool 这个神奇的工具，它可以看到到组件的各种属性，事件的触发，所以开发时，需要先安装这个工具，我们可以下载源码，通过以下命令自己编译...它为现代的前端工作流提供构建设置。只需几分钟就可以启动并重新运行热保存，可用于生产的构建。有关更多详细信息，请参见Vue CLI文档。...对于Vue 3，您应该使用Vue CLI v4.5，该版本在上npm提供@vue/cli。...要升级，您需要在@vue/cli全球范围内重新安装最新版本： yarn global add @vue/cli # OR npm install -g @vue/cli Vite 构建工具 Vite 是一个...Web 开发构建工具，由于其本机 ES6 模块导入方法，因此可以快速提供代码服务。

2.4K5 1

Vue框架赶紧来了解一下

今天学下前端，当代流行的Vue框架，带大家简单玩下 js三大框架： vue.js：优点：更轻量，单页面，简单易学缺点：不支持IE8 开发团队：中国国内团队开发，作者：尤雨溪 Angular：优点...开发环境版本，包含了完整的警告和调试模式 vue.js"> 生产环境版本，删除了警告，优化了尺寸和速度 <script...安装 npm install vue npm install cnpm npm install -g webpack # 安装webpack npm install --global vue-cli...vue快速入门因为这是入门的，所以不用搭建开发环境，直接引用vue就可以了 ?...引用vue和vue.router 创建三个组件const方法，记得 template 绑id 定义路由，其实就是django的urls 创建路由实例创建Vue的实例,并挂载 router-link 和

7403 0

【Vue.js】014-Vue：概述、初体验

www.jb51.net/list/list_269_1.htm 2、Vue安装方式一：直接使用引入开发版本（包含完整的警告和调试模式）： vue/dist/vue.js"> 生产版本（删除了警告，33.30KB min+gzip）：对于生产环境，我们推荐链接到一个明确的版本号和构建文件...@2.6.12/dist/vue.esm.browser.js' 下载到本地引入：开发版本下载地址：https://cn.vuejs.org/js/vue.js 生产版本下载地址：...同时 Vue 也提供配套工具来开发单文件组件； # 最新稳定版 $ npm install vue 方式三：命令行工具 (CLI) vue 提供了一个官方的 CLI，为单页面应用 (SPA) 快速搭建繁杂的脚手架...它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验，以及生产环境可用的构建版本。

520 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭