From 8cf98eaafb83d21a703acd7b822f78db49e2c98c Mon Sep 17 00:00:00 2001 From: Joe Previte Date: Tue, 24 Aug 2021 15:40:41 -0700 Subject: [PATCH] docs: add proxying a vue app --- docs/guide.md | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/docs/guide.md b/docs/guide.md index 06a77361..bf583552 100644 --- a/docs/guide.md +++ b/docs/guide.md @@ -14,6 +14,7 @@ - [Using a subpath](#using-a-subpath) - [Stripping `/proxy/` from the request path](#stripping-proxyport-from-the-request-path) - [Proxying to create a React app](#proxying-to-create-a-react-app) + - [Proxying to a Vue app](#proxying-to-a-vue-app) @@ -348,3 +349,24 @@ You should then be able to visit `https://my-code-server-address.io/absproxy/300 code-server! > We highly recommend using the subdomain approach instead to avoid this class of issue. + +### Proxying to a Vue app + +Similar to the situation with React apps, you have to make a few modifications to proxy a Vue app. + +1. add `vue.config.js` +2. update the values to match this (you can use any free port): + +```js +module.exports = { + devServer: { + port: 3454, + sockPath: "sockjs-node", + }, + publicPath: "/absproxy/3454", +} +``` + +3. access app at `/absproxy/3454` e.g. `http://localhost:8080/absproxy/3454` + +Read more about `publicPath` in the [Vue.js docs](https://cli.vuejs.org/config/#publicpath)