tencent cloud

All product documents
Tencent Cloud EdgeOne
DocumentationTencent Cloud EdgeOneEdge FunctionsSample FunctionsURL rewrite based on regular expressions
URL rewrite based on regular expressions
Download PDF
Last updated: 2025-01-15 10:43:38
URL rewrite based on regular expressions
Last updated: 2025-01-15 10:43:38
Download PDF
This example captures incoming HTTP requests, matches them using regular expressions according to the URL path, and implements URL rewriting to access the index.html page when specific content is matched. It is applicable for any request under the specified directory to be uniformly rewritten to access the homepage (usually index.html), allowing different page requests to be handled through front-end routing.

Sample code

async function handleEvent(event) {
  const { request } = event;
  const urlInfo = new URL(request.url);
  // Regular expression matches /test/ followed by 1 or 2 path segments that are not slashes
  const regexp = /^\/test\/([^\/]+)(?:\/([^\/]+))?\/?$/;
  // Check if the path matches the regular expression
  if (regexp.test(urlInfo.pathname)) {
    const matches = urlInfo.pathname.match(regexp);
    let newPathname = '/test/';
    // Construct a new pathname, which may be one or two according to the number of matched path segments
    newPathname += matches[1]; // The first path segment
    if (matches[2]) {
      newPathname += '/' + matches[2]; // The second path segment, if any
    }
    // Ensure it ends with index.html
    newPathname += '/index.html';
    // Update the pathname of URLInfo
    urlInfo.pathname = newPathname;
  }
  
  // Make a request using the updated URLInfo
  const response = await fetch(urlInfo.toString(), {
    method: request.method,
    headers: request.headers,
    redirect: 'manual',
    body: request.body,
  });
  // return the response to the event
  return event.respondWith(response);
}

// call the handleEvent function for each fetch event
addEventListener('fetch', (event) => {
  handleEvent(event);
});

Sample Preview

1. Enter the URL matching the edge function trigger rules in the browser address bar, carry /test/segment1 in the path to achieve dynamic rewriting access https://www.example.com/test/segment1/index.html



2. Enter the URL matching the edge function trigger rules in the browser address bar, carry /test/segment1/segment2 in the path to achieve dynamic rewriting access https://www.example.com/test/segment1/segment2/index.html



3. Enter the URL matching the edge function trigger rules in the browser address bar, carry non-regular matching content in the path, such as: /test/test1




Related References

Runtime APIs: Request
Runtime APIs: Response
Was this page helpful?
You can also Contact Sales or Submit a Ticket for help.
Yes
No

Feedback

Contact Us

Contact our sales team or business advisors to help your business.

Contact Us
Technical Support

Open a ticket if you're looking for further assistance. Our Ticket is 7x24 avaliable.

Submit a Ticket
7x24 Phone Support
Hong Kong, China
+852 800 906 020 (Toll Free)
United States
+1 844 606 0804 (Toll Free)
United Kingdom
+44 808 196 4551 (Toll Free)
Canada
+1 888 605 7930 (Toll Free)
Australia
+61 1300 986 386 (Toll Free)
EdgeOne hotline
+852 300 80699
More local hotlines coming soon