Variable Source Path

Hi, is there a way to include the video source path as a variable? Hoping to be able to load most of the path in my config and then pull the filename from other data in my component.

So instead of:

<b-embed type="video" controls>
        <source src="../../../../path/to/myproject/filename.mp4" type="video/mp4" />
</b-embed>

I’d like to be able to do:

config.json:

        "pathToOutputMedia": "../../../../path/to/myproject/",

vuePage.vue:

        <b-embed type="video" controls>
                 <source src="assetPath" />
        </b-embed>
        <script>
                 var assetPath = config.pathToOutputMedia + "filename.mp4";
        </script>

[tmorehouse]

Depending on your loader configs, prefixing path strings with ~ or @ (aliases) can reference different locations within your project structure…

You can also use :src="require(somePath)" in certain situations.

https://stackoverflow.com/questions/37671342/how-to-load-image-files-with-webpack-file-loader

[tmorehouse]

That is because web server will only serve documents/files that fall under the root path of the server (for security reasons) The root of your URL is http://localhost:8081/, so no matter how many ../ you prepend you can never get above that.

Imagine someone attempting to do this:

http://localhost:8081/../../../../etc/password

or similar to extract password files off of a server.