Skip to content

Vue.config.js

Vue CLI의 설정파일 vue.config.js에 대한 설명.

baseUrl

Vue CLI 3.3부터 더 이상 사용되지 않으므로 #publicPath를 사용.

publicPath

배포 경로. https://www.foobar.com/my-app/ 로 배포하고 싶다면 publicPath은 '/my-app/'으로 설정하면 된다.

상대적 Path로 하고싶다면 공백('')으로 두거나 상대경로('./')로 두면 된다.

WARNING

Limitations of relative publicPath

  • Relative publicPath has some limitations and should be avoided when:
  • You are using HTML5 history.pushState routing;
  • You are using the pages option to build a multi-paged app.

This value is also respected during development. If you want your dev server to be served at root instead, you can use a conditional value:

```js> module.exports = { publicPath: process.env.NODE_ENV === 'production' ? '/production-sub-path/' : '/' }

== [[SourceMap]] configuration == <syntaxhighlight lang=

```

module.exports = {

transpileDependencies: ["vuetify"],
runtimeCompiler: true,
configureWebpack: config => {
if (process.env.NODE_ENV !== "production") {
return { devtool: "source-map" };
}
}

};

</syntaxhighlight>

자세한 내용은 SourceMap 참조.

DevServer Proxy

devServer: {
proxy: {
'/plugins': {
target: 'http://localhost:20000',
changeOrigin: true,
},
},
},

};

</syntaxhighlight>

See also

Favorite site