Vue Webpack环境变量配置

Question

我一般来说对Vue还是陌生的，我正在尝试为我的某些项目配置一些环境变量，因此我可以使用Cookie进行一些测试，但是在创建这些项目时，我显然运行了简单的Webpack配置，因此我没有访问权限进入config目录以编辑所述变量。

我创建了一个vue.config.js文件，并使用了以下几行：

module.exports = {
     publicPath: 'myAppName'
 }

但是，如果我在开发模式下运行它，或者只是使用npm run，则我的应用程序将以“ {http://localhost:8080/myAppName”而不是“ myAppName”运行。

如何为我的项目正确配置我的环境变量，而不必从头开始？我正在使用vueCli 3 btw。

我尝试了以下示例，但没有一个起作用： Using Environment Variables with Vue.js

我也有.env文件和.env.development文件，但是我不确定要添加什么。