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
相关·内容
我已经使用Django和Vue+Vuetify建立了一个网站，Django运行后端，Vue运行前端。我一直使用Vue CLI编译.vue文件。但是，现在我正准备将代码转移到生产版本，我遇到了以下问题： vue-cli-service build创建的Vue应用程序不起作用。当使用vue-cli-service build --mode devel
浏览 58提问于2021-09-01得票数 1
我在用：
npxvue-cli-service build --target lib --name helloworld ./src/components/HelloWorld.vue --mode production
构建工作良好，并在.
浏览 3提问于2021-08-09得票数 0
回答已采纳
但我不能启用它。我在Laravel应用程序中使用vue.js。我的服务器使用php artisan serve命令运行。
浏览 67提问于2017-05-04得票数 27
我有一个使用vue-cli的简单vue-router项目。使用默认配置，一切都可以正常工作，但我需要/希望将路由器基础更改为/app/，这会破坏所有的链接。当我改变路由器的基础并运行开发模式(vue-cli-service serve)时，我可以访问根路由，但是所有的链接都不能工作。('@vue/cli-servi
浏览 13提问于2022-10-27得票数 0
回答已采纳
当我运行我的Vue应用程序时，Vue devtools扩展会检测到Vue.js，但是会抱怨：
Chrome: 98.0.4758.102
另一个开发人员从一个干净的本地回购系统运行Chrome应用程序(上面所有内容的相同版本)AFAIK --我从来没有做过任何事情来强迫生产生成或者禁用vue</
浏览 12提问于2022-02-28得票数 1
我们的标准流程pre基于.net，我们只编译一次，并具有配置文件，每个部署级别(开发、质量保证、生产等)都会更改这些配置文件。我开始需要这个文件，但值是编译进去的，而不是在运行时加载的 Fetch.then(parsejson).then适用于我们稍后需要的值，但我不能将所有router\indexs.ts放入then子句中。看起来这个问题的标准Vue解决方案是使用.env文件进行编译，并为每个部署级别构建一个单独的副本。(我说的对吗?这是默认的Vue“方式”？) 我开始觉得我自己走得太
浏览 20提问于2021-09-07得票数 0
回答已采纳
我是Vue的新手，我尝试使用Vue 3 Composition，这是我创建的演示应用程序，它工作得很好。我在Chrome中安装了Vue.js开发工具，但当我打开我的网站时，我对它无能为力；它有一个灰色/禁用的外观，当我点击它时，我得到工具提示“未检测到Vue.js”，在我的开发工具中，我没有看到任何关于Vue
浏览 2提问于2020-11-22得票数 4
我有一个脚本文件，其中包含两个Vue应用程序，我在多个django模板中使用它们。应用程序是vue1和vue2，以及el: #vue1-app和el: #vue2-app。因此，我的html只包含<div id="vue1-app"></div>，而不是同时包含带有vue1-app和vue2-app ids的div。因此，Vue会记录警告"Cannot
浏览 20提问于2019-07-18得票数 0
1回答
我正在尝试用npm安装vue-cli，但是当我检查版本时，我总是得到这个错误-bash : vue: command not found。我已经尝试了所有的方法，卸载并再次安装，我检查这里的Vue command not found，但它仍然不能工作。错误： iMac-de-stage02:~ stage02$ vue --version -bash: vue: command not found 我用npm install -g @
浏览 31提问于2019-06-12得票数 0
回答已采纳
6回答
我已经安装了vue-cli 3.5.5。当我运行vue create myapp时，它会显示消息Update available 3.6.2。Vue CLI v3.5.5│ Update available: 3.6.2 │如何将vue-cli升级到最新版本？当我运行npm i -g vue-cli<
浏览 0提问于2019-04-15得票数 19
回答已采纳
1回答
在vue-cli中创建了一个应用程序，然后使用新的应用程序版本构建了用于生产的dist文件夹。当我必须进行一些更改并且必须重做部署时，就会出现问题。在此之后，应用程序不能与更新的版本，但如果我清除了特定网站的网站设置中的铬缓存，应用程序再次正常工作。该应用程序部署在Firebase主机上。一个解决方案，以清除铬缓存，当我发布一个新的vue版本？
浏览 79提问于2021-01-20得票数 0
我想部署我的应用程序，为此，我需要目标url的vue.config.js文件。但是，我在这个文件中放置的所有内容(我必须自己创建)都不起作用。node test/e2e/runner.js", "lint": "eslint --ext .js,.vue"font-awesome": "^4.7.0",
浏览 2提问于2019-04-08得票数 5
回答已采纳
Vue docs解释如何为Vue-router的history模式配置各种类型的服务器，除非服务器附带默认的Webpack-simple / Vue CLI。如何让history模式在这种情况下工作？(为什么这样一个常见的场景被省略了？我非常惊讶) 注意：related thread (没有为这个问题提供明确的答案)
浏览 27提问于2018-12-26得票数 1
回答已采纳
vue-cli-service build --target wc --name my-foo foo.vue
该组件使用元素中的DatePicker和Select，这反过来又使用了封面下的一些旧版本的和在Vue CLI生成的web组件之外运行，元素控件可以很好地工作。经过深入研究，我发现Vue CLI 3生成的web组件包装器使用了shadowRoot，开发工具在运行时使用web组件时在层次结构中
浏览 0提问于2019-01-24得票数 2
2回答
正在尝试保存.vue文件
、、、、
我正在尝试保存.vue文件。我已经安装了vue cli。当我运行vue服务器时，在命令提示符中显示一条错误消息，显示"valid entry file be one of:main.js，index.js，app.vue，App.vue“。
浏览 5提问于2020-02-22得票数 0
2回答
我在用@vue/cli@5.0.0-rc.0。");module.exports = defineConfig({ components: { }
}
浏览 4提问于2021-11-06得票数 0
回答已采纳
1回答
我正在尝试部署一个小的Vuetify应用程序到生产中，但遇到了一个奇怪的字体大小问题。我的应用在开发中看起来很好，但当我部署它并在生产环境中运行它时，我的字体很小。我的视图CLI版本是4.2.2。我使用Material Design spec Roboto Font，这是Vuetify的默认设置：
我的应用程序在其他方面看起来都很好，所有其他样式渲染都很完美。"serve": "vue-cli-servi
浏览 2提问于2020-05-21得票数 0
我刚从Node.js和Vue.js开始，我注意到Vue.js有一个Vue CLI工具工具包(不管这意味着什么)，它为您提供了一个脚手架项目(我认为不需要吗？)但它也增加了ESLint和Babel。问题是，它是这样添加的： "@vue/cli-plugin-babel": {},
"@vue/cli-plugin-eslint": {
浏览 5提问于2019-11-30得票数 2
回答已采纳
2回答
我正在尝试用Vue CLI创建一个vuex应用程序。installable status
我搜索了这个问题，常见的解决方法是：
npm配置集registry="
我也试过但是，它仍然不起作用
是否有vue/cli的日志文件可以知道是什么导
浏览 0提问于2019-08-15得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
