小编ier*_*dna的帖子

如何在vue.config.js中为生产设置API路径?

我正在使用vue cli3进行设置。我已经在vue.config.js文件中设置了devServer api :

devServer: {
    proxy: {
        '/api': {
            target: 'http://localhost:1888/apps/test/mainapp.php/',
            changeOrigin: true,
        },
    },
}
Run Code Online (Sandbox Code Playgroud)

我还需要将路径“ https://server/myapp/main.php/ ”设置为生产API路径,但是我似乎无法在文档中找到有关如何执行操作的任何信息。任何帮助表示赞赏。

我在代码中做的简短示例:

methods: {
    login() {
        this.axios.post('/api/test')
            .then((resp) => {
                console.log(resp);
            })
            .catch(() => {
                console.log('err:' , err);
            });
    },
},
Run Code Online (Sandbox Code Playgroud)

webpack vue.js vue-cli

5
推荐指数
1
解决办法
5692
查看次数

如何在Vuetify菜单中突出显示所选项目?

我在侧边栏中有一个菜单(使用vue-router):

<v-list>
    <v-list-tile
        value="true"
        v-for="(item, i) in menu"
        :key="i"
        :to="item.path"
    >
        {{item.name}}
    </v-list-tile>
</v-list>
Run Code Online (Sandbox Code Playgroud)

并且效果很好,但是我在Vuetify文档中看不到任何有关突出显示所选菜单项的信息。任何帮助表示赞赏!

更新:事实证明我不是很聪明。设置value="true"属性可确保所有元素始终处于活动状态,并删除导致正常功能的元素。h!

menu vue.js vue-router vuetify.js

5
推荐指数
1
解决办法
1万
查看次数

VueJS中全球可用的混合物

我正在尝试创建一个全局可用的mixin,但不会自动注入到每个组件中.即我不想要这个:Vue.mixin({...});

我按照这些说明设置了项目.是我的项目结构.我也assets/js/mixins.js有包含我的mixins的文件.

我希望能够在我的个人.vue文件中执行此操作(我的许多组件都使用myMixin但不是全部):

<script>
export default {
    mixins:[myMixin],
    data:{....}
}
</script>
<template>
  <!-- some template code -->
</template>
Run Code Online (Sandbox Code Playgroud)

到目前为止,唯一的方法是将此行添加到需要它的每个组件的顶部:

import {myMixin} from './assets/js/mixins.js"
Run Code Online (Sandbox Code Playgroud)

但有没有办法做到这一次,并在myMixin全球范围内提供变量?我已尝试将其包含在内main.js和中app.vue但如果我尝试myMixin在任何子组件中使用,我仍然会得到"myMixin未定义"错误.

或者是否有另一种注册mixin的方法,不需要我mixins.js在每个组件中键入文件的路径?

ecmascript-6 webpack vue.js es6-module-loader

4
推荐指数
1
解决办法
4464
查看次数

在main.js中导入组件的优点/缺点(对于VueJS)?

我正在使用vue-cli + webpack作为我的开发环境,并且我将大多数组件包含/声明main.jsVue.component('<name>',require('./components/<name>.vue'));

在开发/生产中仅在需要时导入组件是否有优势,或者像我现在在main.js文件中进行导入一样没有区别?

vue.js vuejs2

2
推荐指数
1
解决办法
687
查看次数

如何在 pyproject.toml 中添加自定义脚本的快捷方式(使用诗歌)

我最近从 Pipenv 转向诗歌。我习惯在我的 Pipfile 中包含此部分:

[scripts]
test="pytest -s"
test:watch="ptw --runner 'pytest -s'"
Run Code Online (Sandbox Code Playgroud)

因此我可以轻松运行测试,而无需键入完整命令或输入 shell,例如:

[scripts]
test="pytest -s"
test:watch="ptw --runner 'pytest -s'"
Run Code Online (Sandbox Code Playgroud)

当我在 pyproject.toml 中尝试类似的操作时:

pipenv run test:watch
Run Code Online (Sandbox Code Playgroud)

我收到错误:

[tool.poetry.scripts]
watch = "ptw --runner 'pytest -s'"
Run Code Online (Sandbox Code Playgroud)

我应该为此使用 pyproject.toml 中的不同部分吗?

python python-poetry pyproject.toml

1
推荐指数
1
解决办法
1425
查看次数