我正在做一个由VueCLI 3.0开发的项目。我在根目录中创建了一个配置文件，名为vue.config.js。我已经定义了我的自定义配置。但是每次我必须在每个component文件中加载这个文件才能使用它。在每个js文件和component中是否存在全局获取的方法或选项。
我是VueCli的新手。
这是我的vue.config.js文件:-
// vue.config.js
module.exports = {
api : {
server: 'http//:192.168.0.1'
}
}
在我的App.vue里-我想用
浏览 2提问于2020-03-18得票数 0
我有一个典型的带有Vue.js后端的NodeJS应用程序。为了进行身份验证(在本例中为: CAS)，我决定通过后端提供前端。换言之：
在目标服务器上，只有一个应用程序(节点服务器)
以/api/开头的路由将提供后端路由(例如，用于前端的REST )
以/client/开头的路由将作为服务器上client目录中的静态内容提供给客户端。
在此设置之前，我曾经拥有：
为REST提供服务的节点服务器
(Apache) web服务器文档根中的一个文件夹，该文件夹提供Vue.js前端(作为静态HTML/JS/CSS文件)
与“拥有Apache和Node”相比，“一个服务
浏览 1提问于2019-07-09得票数 1
我有一个ASP.NET核心Web应用程序，我想提供两个VueJS应用程序，一个用于Admin，一个用于用户。
所以我做了这样的设置配置：
app.Map("/users",
adminApp =>
{
adminApp.UseSpa(spa =>
{
spa.Options.SourcePath = "AppFront";
spa.Options.DefaultPageStaticFileOptions = new StaticFileOptions
浏览 4提问于2020-07-03得票数 1
我用Vue CLI4.1.2创建了一个项目，在router/index.js中，我发现：
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
项目根目录中没有.env文件。那么process.env.BASE_URL是什么意思呢？BASE_URL值集在哪里？
浏览 0提问于2020-01-04得票数 1
使用VueJS 3“组件名”"TheConfirm“时出现错误，尽管名称应该是多个单词；我也尝试过："the_confirm”、“-confrim”；但是每次刷新时都会遇到相同的错误：“组件名”"TheConfirm“应该总是多个单词；
这是应用程序：
<template>
Main app
</template>
<script>
import AppCos from './components/TheConfirm.vue';
</script>
<style>
@import &#
浏览 8提问于2022-03-02得票数 2
我有一个非常基本的Vuejs应用程序，我想上传到生产部门来测试它，运行命令
npm run build
它创建了一个dist文件夹，其中包含一个index.html和js, css, img文件夹，当在浏览器控制台中将这些文件上传到我的服务器时，会收到以下错误
app.b77b1ab7.css:1未能加载资源:服务器响应状态为404 (未找到)
app.c83b8068.js:1未能加载资源:服务器响应状态为404 (未找到)
512d43c3.js:1加载资源失败:服务器响应时状态为404 (未找到)
/css/carousel.b4d817f1.css:1加载资源失败:服务器响应状态为4
浏览 5提问于2019-07-26得票数 1
我希望我的应用程序有不同的模式，所以我创建了不同的.env文件来存储我的环境变量。使用这些变量可以正常工作，唯一的问题是，当我更改.env文件中的某些内容时，必须重新启动整个应用程序。我尝试将环境变量外包到一个.json文件中，以使其与Hot一起工作，但这是行不通的。
这是我的.env文件：
NODE_ENV=development
VUE_APP_JSON_FILE=./m.json
我的vue.config.js
const webpack = require("webpack");
module.exports = {
configureWebpack: {
浏览 4提问于2020-05-07得票数 3
回答已采纳
我使用Vue创建一个简单的应用程序，并使用axios调用端点
axios.post(url, {
email: this.email,
})
.then((response) => {
console.log(response);
})
.catch((error) => {
console.log(error);
});
我知道错误了
来自原点的 '‘已被CORS策略阻止:对飞行前请求的响应不通过访问控制检查:它没有HTTP状态。
问题不在服务器级别，我已经从邮递员那里做过测试，或者直接用CURL进行测试，而且不会产生错误。
溶液
浏览 2提问于2020-08-30得票数 1
我目前正在为一个项目开发前端(VueJS)，为了测试我的登录和注册逻辑，我使用laravel作为后端，尽管我们实际上将使用springboot作为后端。我在桌面上编写代码，一切都很正常。所以我开始用我的笔记本电脑工作。我得到了同样的项目，一切都是平等的。当我使用postman发出请求时，它正常工作，但当我尝试使用我网站上的表单发出请求时，我得到了那个错误。 我到处都找过了，还是修不好。我的努力都没有奏效。而且似乎没有其他人有类似的问题。 跨域读阻塞阻止了MIME类型为http://127.0.0.1:8000/api/login /json的跨域响应应用程序。有关更多详细信息，请参阅http
浏览 2041提问于2019-02-15得票数 10
回答已采纳
1回答
我试图在我的Vue项目中改变iView的主题。我遵循了在这个链接中找到的步骤：
我在主项目文件夹中创建了一个名为my-theme的文件夹。在其中，我有一个名为index.less的文件，它包含我的主题的样式。我还使用以下命令安装了更少的加载程序
npm install less-loader --save-dev
然后，我将主题导入到我的main.js文件中，如下所示：
import iView from 'iview';
import '../my-theme/index.less';
Vue.use(iView);
但是，当我试图加载我的项目时，我会得到
浏览 2提问于2019-05-08得票数 0
我在项目的基本目录中有一个vue.config.js文件。我想把它移到/config/文件夹中的其他配置文件旁边。
如何为vue-cli指定此文件的新位置
浏览 0提问于2018-09-01得票数 9
回答已采纳
我有一个VUE应用程序，我需要在外部链接上运行它，而不是在本地主机上。
我试着创建一个
vue.config.js
devServer: {
host: 'http://my-testing-web-address.com',
port: 8080,
...
}
并设置devserver，但仍未更改
当我跑的时候
npm run serve
上面写着
App running at:
- Local: http://localhost:8080/
- Network: http://192.168.0.100:8080
这是设置外部devserve
浏览 6提问于2019-05-03得票数 2
9回答
我在自己的dev服务器上运行vuejs应用程序，现在我可以通过机器的公共IP访问站点，但是在使用nginx将其指向域之后，它在控制台中显示了一个错误循环。
无效主机头WDS断开连接！
因此，脚本、样式注入和自动重新加载不起作用。
开发服务器的配置
dev: {
assetsSubDirectory: "static",
assetsPublicPath: "/",
disableHostCheck: true,
host: "0.0.0.0", // '192.168.2.39',//can be overwri
浏览 1提问于2018-06-28得票数 42
回答已采纳
开始使用Vue cli 3。我创建了这样一个vue.config.js .
// vue.config.js
var path = require('path');
module.exports = {
baseUrl: process.env.NODE_ENV === 'production'
? '/production-sub-path/'
: '\/mobileapp\/v\/',
configureWebpack : {
devServer:{
headers: {
浏览 1提问于2018-06-18得票数 1
回答已采纳
VueCli3在index.html中自动添加app.js。我想将该app.js文件重命名为其他名称。这样做有可能吗？
浏览 44提问于2019-02-04得票数 3
回答已采纳
1回答
我希望能够保存我的VueJS文件并查看Aframe (，纹理等)中的更改更新。
我目前使用的是Vue CLI 3，它有自己的Webpack开发服务器设置。这对于.Vue文件非常有用，但是当我在Vue组件中有一个<a-entity/>时，似乎Aframe部分在Aframe世界中没有被正确地更新。
例如，我有一个分形aframe组件，当我更改包含它的Vue文件时，它不是改变颜色和动画，而是变成蓝色并完全停止移动。我必须重新加载页面，才能看到更改是否有效。
我试图通过一个文件添加vue.config.js，但没有成功。
下面是我当前的vue.config.js设置，但不确定如何设置，因为
浏览 1提问于2019-03-31得票数 0
回答已采纳
使用Angularjs或vue需要节点。并允许CORS请求(如ReactJS在conf文件中所做的)？是否有办法不允许在服务器上使用CORS过滤器？
浏览 3提问于2022-01-19得票数 1
1回答
我在我的同伴主机服务器中感到困惑，使用ip地址和子文件夹访问门户网站等，然后使用vuejs，但我只知道使用子域的推送主机。我的问题是如何配置vuejs在我的主机上使用子文件夹访问？
浏览 1提问于2021-03-01得票数 0
我使用vue-cli 3.0.0-rc.3生成了一个应用程序。
现在我想使用Visual代码(Chrome的调试器)来调试它，但是我似乎找不到打开sourceMaps的选项。
我在VSCode中设置了断点，但没有命中。如果我在vue.config.js中指定：“vue.config.js: true”，则出现错误“vue.config.js中的无效选项："sourceMaps”不允许“
要使调试工作，需要设置哪些选项？
浏览 4提问于2018-06-21得票数 4
回答已采纳
3回答
Vue无效主机头
、、、、
不知道为什么两天前我的项目(通过vue创建创建)停止工作-在Chrome中我得到
无效主机标头
和
WDS断开
错误。在cmd中，一切都编译正确( npm运行服务)，我不知道webpack，所以我不知道如何解决它。
我已经做过的事
重新安装节点
删除并重新安装所有npm包
浏览 0提问于2018-12-23得票数 9
1回答
背景
我们使用Docker来封装Vue.js应用程序，并用源代码挂载卷。
Dockerfile
FROM node:13.8-alpine
RUN yarn install && \
apk add --no-cache git
COPY . /usr/src/app
WORKDIR /usr/src/app
EXPOSE 8080
CMD ['/bin/sh', 'start_compose.sh']
docker-compose.yml
version: '3'
services:
web:
build:
浏览 4提问于2020-02-26得票数 2
回答已采纳
1回答
我们有一个vue-cli 3项目。它运行得很好，编译也没有问题。
事实上，我们只能支持支持ES5代码的旧浏览器。
在这个项目中，我们集成了一些用ES6编写的外部库(reconnecting-websocket就是一个例子)。
问题
在用这些外部代码编译我们的项目之后，由vue-cli生成的代码就有了ES6代码。
例如，我们的chunk-vendors.js有以下代码：
/*!
* Reconnecting WebSocket
* by Pedro Ladaria <pedro.ladaria@gmail.com>
* https://github.com/pladaria/r
浏览 1提问于2018-10-02得票数 20
也许我是瞎子，但我在或上什么也看不见。也许唯一的办法是卸载它然后重新安装它？
浏览 2提问于2019-11-27得票数 0
回答已采纳
1回答
我想从vue项目中创建一个简单的库，并在任何其他js框架中使用它，如Angular，react。我已经创建了一个简单的项目，并尝试使用以下命令将其转换为lib。
npx vue-cli-service build --target wc --inline-vue --name hello-world
此命令将创建js文件。和一个html文件，其中包含。
<script src="https://unpkg.com/vue"></script>
<script src="path/to/my-element.js"></s
浏览 1提问于2021-04-16得票数 0
1回答
我是Vue.js的新手，我遇到了一个问题，在尝试不同的修复方法时，我被困了很长时间。
在使用npm运行服务启动dev服务器之后，我希望当我对目录中的任何.vue或.js文件进行更改时，服务器会刷新并显示这些更改。然而，无论我如何努力，都不会发生任何事情。在我的终端里，没有什么正在编译，也没有任何变化。刷新服务器的唯一方法是关闭它并运行一个新的服务器。刷新我的浏览器页面也没有任何作用。在这个问题上真的很困惑，所以如果有人能帮上忙的话，我会永远感激的，因为我在这里找到的任何一个修复方法都没有对我有用。
我的vue.config.js如下：
const { defineConfig } = requ
浏览 5提问于2022-08-25得票数 0
2回答
我对Vue和整个网络生态系统都比较陌生。
我一直在构建一个小应用程序，我决定使用YAML来存储数据，而不是JSON，这样我就可以使用注释了。
我尝试了这两个YAML解析器：
(试图通过NPM安装)
(试图通过使用vue ui访问的Vue GUI安装)
但是，当我运行vue serve时，两者都有相同的问题。
error in ./assets/data.yaml
Module parse failed: Unexpected character '#' (1:0)
You may need an appropriate loader to handle
浏览 38提问于2020-11-14得票数 2
我有一个文件组件，我需要导入Vue：
<script lang="ts">
import Vue from 'vue'
import Component from 'vue-class-component'
...
@Component({...})
export class Comp extends Vue {...}
我在浏览器中将vue.js作为模块导入：
<script type="module" src="module/vue/vue.js"></script>
但我明
浏览 4提问于2019-09-17得票数 7
我使用Vue CLI3生成了Vue.js项目，并使用@ alias.When编写了导入语句I execute npm run build，an import error happen.Why？
错误消息
$ npm run build
> vuejs-exercises@0.1.0 build /Users/???/Desktop/example
> vue-cli-service build
⠙ Building for production...Starting type checking and linting service...
Using 1 worker wi
浏览 3提问于2019-04-30得票数 3
我正在使用创建一个具有独立前端和后端项目的解决方案。我正在使用启用tls的默认配置，并且我信任IIS开发证书，但是前端项目似乎在hmr请求中使用公共IP地址，这些地址不包含在仅基于localhost的开发工具证书中。
我的vue.config.js如下：
const fs = require('fs')
const path = require('path')
const HttpsAgent = require('agentkeepalive').HttpsAgent
const baseFolder =
process.env
浏览 1提问于2021-12-31得票数 0
为什么不能在vue.config.js文件中工作？
例如：
import * as path from 'path';
import * as pjson from './package.json';
module.exports = {
configureWebpack: {
resolve: {
alias: {
'@': path.join(__dirname, '/src'), // Alias @ to /src folder for ES/TS imports
},
浏览 0提问于2019-12-18得票数 13
使用ionic和capacitor构建PWA。我刚刚将我的iPhone更新为iOS 15.1。在为生产而构建时，我注意到状态栏是绿色的。我将我的apple-mobile-web-app-status-bar-style更改为black-transculent。再次构建应用程序，添加到主屏幕，但状态栏仍然是绿色的。 我检查了我的manifest.json文件，注意到theme_color属性被设置为#4DBA87。我查了一下这个颜色，发现它和我的状态栏上的绿色完全一样。将此颜色更改为#FFFFFF再次构建应用程序，添加到主屏幕，但我的状态栏仍然保持绿色。 我现在有点不知所措了。我已确保在每次构
浏览 130提问于2021-10-26得票数 0
回答已采纳
我使用的是NodeJs后端服务器，对于我的前端web应用程序，我使用的是Vue-CLI。后端位于localhost的一个端口上，前端应用程序位于开发模式的另一个端口上。
我试图通过使用web-push npm和Vue CLI附带的服务工作人员来实现推送通知。然而，我不知道我应该把eventListener放在哪里'push'。
我尝试在(前端/)主dir中创建一个名为service-worker.js的文件( registerServiceWorker.js位于其中)。在下面的代码中，我只是将eventListener抛到registerServiceWorker.js文件中。
浏览 0提问于2019-03-28得票数 1
我有点迷路了，需要一些VueJs的帮助。我正在使用Vue CLI3，并创建了一个新的Vue项目，其中的所有内容都在工作，控制台中没有错误等。然而，在运行构建任务后，我dist文件夹中的副本显示为一个空白页面。我了解到这是因为需要更新assetsPublicPath:并删除'/‘向前斜杠。要做到这一点，我被告知您必须更新配置文件index.js，但在我的proect中没有这样的文件？我也被告知有一个config folder，但不是吗？ 因此，我该如何更新以下内容 来自assetsPublicPath: '/', 转到assetsPublicPath: '
浏览 9提问于2019-01-18得票数 0
好吧，我知道这是个愚蠢的问题。但我真的对此感到失望。我目前正在通过vue-cli让项目使用vue。
这是webpack构建的结果
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<meta name=viewport content="width=device-width,initial-scale=1">
<title>media-belajar</title>
<link href=/static/css/ap
浏览 3提问于2018-08-05得票数 3
我试着在本地和生产中编译我的vue项目。
如您所见，我的vue.config.js file...joke有很大的不同
// this is the file when I'm in dev version
module.exports = {
lintOnSave: false,
}
// this is the file when I'm in prod version
module.exports = {
lintOnSave: false,
configureWebpack: {
output: {
pub
浏览 2提问于2018-05-28得票数 0
我有一个使用vue-cli的简单vue-router项目。使用默认配置，一切都可以正常工作，但我需要/希望将路由器基础更改为/app/，这会破坏所有的链接。
当我改变路由器的基础并运行开发模式(vue-cli-service serve)时，我可以访问根路由，但是所有的链接都不能工作。当我单击“链接到/app/groups”时，控制台抛出一个未找到的错误
app.js:460 GET http://localhost:8080/app/js/src_views_AssetGroupView_vue.js net::ERR_ABORTED 404 (Not Found)
我的路
浏览 13提问于2022-10-27得票数 0
回答已采纳
1回答
我正在寻找将“basePath”设置为由vue build创建的最终.html文件中导入的所有脚本和链接
然后，我需要在中部署dist文件夹。servlet映射在'/ui/‘路径上。在部署之后，在url http://localost:8086/ui，主文件得到了良好的服务。问题是所有js和css文件都有相对于文件的路径，比如<script .. src='/js/main.js'></script>。
请求失败，因为正确的路径应该是'/ui/js.main.js'.。
有没有办法对webpack说这些文件的基本路径？我和vue.
浏览 0提问于2018-07-05得票数 1
回答已采纳
我有一个多页面的Vue.js应用程序，在域/合法；域/提交等方面有工作页面。我在Vue.js‘ (即自定义vue.config.js)的帮助下实现了这一点。
换句话说，我很好地完成了上面的工作。
现在，我正在尝试在新的子目录级别下实现更多嵌套的页面(除了上面已经有的那些)。即
域/org/profile1
域/org/profile2
域/org/profile3
通过自定义vue.config.js使其工作的任何方法
当前尝试vue.config.js代码：
module.exports = {
pages: {
index: {
entry: &
浏览 2提问于2020-07-16得票数 7
回答已采纳
我有一个用vue-cli生成的简单项目。当我运行vue-cli-service build命令时，它会正确地生成CSS文件。当我运行vue-cli-service build --watch命令时，它只构建JavaScript文件。没有CSS文件。 如何在监视模式下生成CSS文件？
浏览 45提问于2019-09-25得票数 8
回答已采纳
我试图将一个devServer配置添加到babel.config.js文件(Vue 3项目)中，并得到了这个错误。即使我从复制原始代码，它仍然报告此错误。
错误：
Error: Unknown option: .devServer. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options.
at throwUnknownError (/Users/aman/Desktop/Vue/vue01/node_modules/@babel/core/lib/config/va
浏览 5提问于2020-12-31得票数 2
回答已采纳
堆叠：
Vue CLI 3.0.0-beta.11
节点5.6
Jenkins 2.7
我使用VUE CLI 3在Webstorm中为工作建立了一个简单的概念证明。我在本地构建和创建一些简单的vue组件时没有问题。到目前为止，非常好的经验。
我的项目的开发依赖项之一是私有的包，它包含整个公司的全局样式。大多数情况下，这个包包含常见的vars、排版、结构代码等。我能够在我的vue.config.js中添加以下内容，以便将scss文件拉进并在我的.vue文件中全局使用它们。使用npm运行服务或npm运行构建在本地工作很好。
config.module.rule('scs
浏览 0提问于2018-06-05得票数 0
回答已采纳
在使用vue-cli v3.0部署Vue应用程序构建时，我遇到了一些问题。到GitHub页面。我使用只将dist文件夹发送到gh-pages分支。首先，问题是，但我在vue.config.js上使用baseUrl修复了它。现在的问题是#app元素是空的。我发现，如果我不使用vue-router (直接呈现视图而不是使用<router-view/>)，那么应用程序可以很好地处理GitHub页面。我相信路由path选项有一些问题，但我无法解决如何修复它。
这个问题的存储库是，GitHub页面链接是
谢谢。
浏览 1提问于2018-05-04得票数 3
回答已采纳
我使用的是Vue CLI，它抽象了许多Webpack配置，用于运行和构建应用程序。这带来了一些好处，但我不知道如何为.scss文件目录创建特定的规则。
我希望这些文件在构建时被解压缩为单个文件，而不是，而是单独编译到一个主题目录(./dist/themes)中。
我尝试在vue.config.js中创建一个规则来识别目录，但它不起作用：
module.exports = {
runtimeCompiler: true,
configureWebpack: config => {
config.module.rules.push(
{
test:
浏览 0提问于2020-10-28得票数 0
我正在为vuejs项目导入一些自定义字体文件到scss文件中。生成时，它将在/dist文件夹中创建这些与字体相关的文件，以及app.js和app.css文件。这些文件包括font-name.ttf、font-name.woff、font-name.woff2和font-name.svg。
我想在app.css文件中嵌入这些字体文件，就像在项目构建时在base64数据uri中一样。
有一个名为的npm包，对于我的问题来说，这似乎是一个很好的选择。
该包的文档表明了一种将其与webpack配置一起使用的方法。由于我的项目使用vue-cli 3和vue-cli-service运行构建命令，我知道我
浏览 1提问于2019-08-03得票数 0
回答已采纳
我有一个新的Vue/Electron应用程序刚刚使用vue-cli-plugin-electron-builder构建，它将利用sqlite。 在我运行yarn add sqlite3之前，基本安装在开发中运行得很好。然后，我看到了aws-sdk缺少依赖项错误。 研究表明，这是一个可以使用webpack externals解决的webpack问题。 而且，来自vue-electron-builder docs的类似的解释和修复。 我已经基于这个更新了我的vue.config.js和webpack.config.js文件，但现在已经有几个小时没有解决了。 如有任何帮助或建议，非常感谢。谢谢。
浏览 78提问于2020-12-30得票数 1
1回答
我使用Vue CLI，它使用main.js挂载应用程序与服务器端呈现(根据我遵循的教程)，后者使用app.js、entry-client.js和entry-server.js。
我试图绕过main.js，但是我遇到了一个错误，因为它似乎需要一些方法。
如何使main.js与app.js、entry-client.js和entry-server.js保持一致。
这可能是一个非常基本的问题，我也许可以使用app.js在main.js中的内容，如果我想做正确的事情。
main.js：
import Vue from 'vue'
import bootstrap from 'b
浏览 2提问于2018-07-05得票数 3
回答已采纳
1回答
我有一个使用laravel和vue的webpack配置，我正在使用vue-cli-3将其转换为vue spa应用程序。但是我不能理解如何将mix配置更改为vue.config.js。这是我的webpack.mix.js配置。
resolve: {
modules: [
'node_modules',
path.resolve(__dirname, 'resources/assets/js'),
path.resolve(__dirname, 'resources/assets/svg')
浏览 12提问于2018-08-24得票数 3
回答已采纳
1回答
我在本地主机的8080端口上运行了一个vuejs应用程序，当我在浏览器中打开它时，站点不会加载，chrome会警告我站点没有响应。我还有一个运行在端口5000上的python flask后端，它工作得很好。这是一个常见的问题吗？如果是这样，我该如何解决它？谢谢!
浏览 2提问于2020-02-01得票数 0
我正在使用，它对有一个规则
但是，我也在使用Nuxt，对于Nuxt中的，您需要一个名为default.vue的.vue组件，它会抛出ES Lint规则错误。
我似乎无法让它在一个.vue文件中禁用，而这个文件实际上非常小.
<template>
<div>
<Header/>
<Nuxt/>
</div>
</template>
但是如果我在我的.eslintrc.js中禁用了规则，那么它就能工作了。
module.exports = {
root: true,
en
浏览 32提问于2022-01-03得票数 28
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
